Hyperframes Core
The HyperFrames composition contract , build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md / SCRIPT.md plan formats. Read before writing composition HTML.
[ INSTALL ]
Install this skill
Use the open skills CLI to add this package to Claude Code, Codex, Cursor, or other skill-aware agents. Bifrost does not host or serve this public skill; always install from the upstream source.
npx skills add heygen-com/hyperframes
[ ABOUT ]
What this skill is for
The HyperFrames composition contract , build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md / SCRIPT.md plan formats. Read before writing composition HTML. Teams typically use it when they want reusable agent instructions without rewriting prompts for every session. Review the full SKILL.md on the source repository before installing in production environments.
| Property | Details |
|---|---|
| Name | hyperframes-core |
| Source | heygen-com/hyperframes |
| Owner | heygen-com |
| Category | Frontend |
| Installs | 376.2K |
| License | See upstream repository |
[ RELATED ]
Related skills
Vercel React Best Practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to…
ViewRemotion Best Practices
Router for all Remotion skills
ViewHyperframes
Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also use it to inspect, diagnose, validate, preview, publish, or batch-render an existing HyperFrames project.
View