
Hyperframes Core
The composition contract for turning HTML into video. This is the technical reference you read before writing a HyperFrames project: how `data-*` timing attributes work, how to wire sub-compositions, what the deterministic render rules ban (no `Math.random`, no animating `display`, media must be direct children), and why your full-screen background might render black even though preview looks fine. The skill separates structure from animation (that lives in `hyperframes-animation`) and creative direction (in `hyperframes-creative`). If you're building or editing a composition, start here for the rules that `lint` won't catch, then jump to the reference that matches your immediate problem.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 19
- skills.sh installs
- 931.1K
- GitHub stars
- 81.8K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add heygen-com/hyperframes --skill hyperframes-core --agent claude-codeInstalls into .claude/skills of the current project.
Files
The composition contract for turning HTML into video. This is the technical reference you read before writing a HyperFrames project: how `data-*` timing attributes work, how to wire sub-compositions, what the deterministic render rules ban (no `Math.random`, no animating `display`, media must be direct children), and why your full-screen background might render black even though preview looks fine. The skill separates structure from animation (that lives in `hyperframes-animation`) and creative direction (in `hyperframes-creative`). If you're building or editing a composition, start here for the rules that `lint` won't catch, then jump to the reference that matches your immediate problem.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/heygen-com/hyperframes
- Categories
- Frontend Development, DevOps & CI/CD, Documentation, Productivity & Planning, Automation & Workflows
- First seen
- Jul 14, 2026
More from heygen-com/hyperframes
All 44- Hyperframes Creative917.1K
- Hyperframes Keyframes754.8K
- Hyperframes Audio663.9K
- General Video661.7K
- Remotion To Hyperframes590.2K
- Product Launch Video539.3K
- Faceless Explainer522K
- Motion Graphics514.3K
- Slideshow496.1K
- Embedded Captions453.9K
- Hyperframes Studio451.6K
- Pr To Video449.2K
- Music To Video419.3K
- Talking Head Recut407.9K
- Figma407.5K
- Hyperframes Media141.7K
- Website To Video97.4K
- Gsap92.1K
- Website To Hyperframes89.3K
- Css Animations72.3K
- Tailwind70.6K
- Animejs70K
- Three69.3K
- Lottie69.1K