SKILL.md
hyperframes
Catalogue stub — full package: heygen-com/hyperframes
Note: Requires a HeyGen account for TTS and media generation features.
Decision tree
- Is the package already installed?
Check: your agent's skills directory contains hyperframes with content beyond this stub. - Yes → invoke hyperframes and proceed - No → go to step 2
- Which agent are you on?
- Claude Code → npx skills add heygen-com/hyperframes — or send ! npx skills add … as a chat message (add -g for global, omit for project-only) - Cursor → npx skills add heygen-com/hyperframes - Other → npx skills add heygen-com/hyperframes or see GitHub README
Install command
npx skills add heygen-com/hyperframesA HeyGen account is required for TTS, transcription, and video rendering features. Animation authoring works without an account.
Invoke after install
- Skill name:
hyperframes - Trigger phrases: "hyperframes", "HTML to video", "HeyGen", "render video from HTML", "Anime.js"
What it does
"Write HTML. Render video." — a suite of 11 skills built specifically for AI coding agents that need to produce video output from HTML compositions. Covers: composition authoring (building HTML/CSS/JS scenes), text-to-speech and transcription via HeyGen, a CLI-driven render workflow, an asset registry for reusable media, URL capture for grabbing live web content, and six animation sub-skills spanning GSAP, Anime.js, plain CSS animations, Lottie playback, Three.js 3D, and the Web Animations API (WAAPI). Designed ground-up for agent-driven video production pipelines.
When NOT to use
- Static animation without video output (use
gsap-skills,framer-motion-skills, oranimate-css-skill) - When you do not have a HeyGen account — media generation features (TTS, video render) will not function