agentskillexchange 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.
Prerequisites
Node.js 22+, FFmpeg
Installation
Use the upstream install or setup path that matches your environment:
- npx skills add heygen-com/hyperframes
- Make a 9:16 TikTok-style hook video about [topic] using /hyperframes, with bouncy captions synced to a TTS narration.
- Make the title 2x bigger, swap to dark mode, and add a fade-out at the end.
- npx hyperframes init my-video
Requirements and caveats from upstream:
- Requirements: Node.js >= 22, FFmpeg
Basic usage or getting-started notes:
Option 1: With an AI coding agent (recommended)
bash
This teaches your agent (Claude Code, Cursor, Gemini CLI, Codex) how to write correct compositions, GSAP timelines, Tailwind v4 browser-runtime styles, and first-party adapter animations. In Claude Code, the skills re...
Extracted from upstream docs: https://raw.githubusercontent.com/heygen-com/hyperframes/HEAD/README.md