Skill Detail
Render HTML-native agent videos with slash-command workflows using HyperFrames
Use agent-facing HyperFrames skills to turn prompts, PDFs, CSVs, or repo context into editable HTML video compositions and rendered MP4 outputs.
Image & Creative AutomationMulti-Framework
Image & Creative Automation
Multi-Framework
Security Reviewed
⭐ 9.5k GitHub stars
⬇ 28k/wk npm
COPY SKILL INSTRUCTIONS (OPTIONAL)
npx skills add agentskillexchange/skills --skill render-html-native-agent-videos-with-slash-command-workflows-using-hyperframes
Uses the third-party skills CLI, not an ASE-owned installer. Check your agent’s compatibility. This copies instructions; complete the upstream tool setup below separately.
At a glance
Tools required
Node.js 22+, FFmpeg
Install & setup
Install the package with
npx hyperframes init my-video or add the upstream agent skills with npx skills add heygen-com/hyperframes, then preview with npx hyperframes preview and render with npx hyperframes render.Author
HeyGen
Publisher
Organization
Last updated
Apr 22, 2026
Quick brief
Use HyperFrames when you want an agent to author or revise a video as HTML/CSS/animation code instead of hand-driving a traditional video editor. The upstream project ships explicit agent skills and slash-command workflows for Claude Code, Cursor, Gemini CLI, and Codex, so the operator workflow is: ask the agent to scaffold a composition, iterate on scenes and animation, preview, then render to MP4. The scope boundary is tight: HTML-native video composition and rendering for agent-generated creative assets, not a generic video platform or broad creative suite.