Discover the toolingbehind modern intelligence
The operating system for AI infrastructure discovery. Search a live map of MCP servers, AI agents, LLM tools, automation systems, and developer infrastructure.
hyperframes
Write HTML. Render video. Built for agents.
24.2kstars
2.3kforks
TypeScript
aianimationffmpegframeworkgsaphtmlmcppuppeteerrenderingtypescriptvideo
Quality signals
ActiveNo testsNo CIThin docsNo licensePopular
AI summary
Auto-generated overview of what this skill does and when to reach for it.
Turn HTML/CSS into deterministic MP4 videos with seekable animations, designed for AI agents and automated pipelines.
Use this when
- You need to automate video creation from code or prompts
- Your AI agent must generate videos without manual editing
- You want deterministic output for CI/regression testing
- You prefer plain HTML over React for video composition
- You need to render charts, captions, or motion graphics from data
Don't use when
- You require real-time video editing or live streaming
- Your workflow depends on proprietary video formats or tools
- You need 3D rendering beyond CSS/GSAP capabilities
Capabilities
- Renders MP4 from HTML/CSS with seekable animations
- Supports GSAP, CSS, Lottie, Three.js, Anime.js for animations
- Deterministic output—same input produces identical video
- CLI for scaffolding, previewing, and rendering locally
- Agent skills to teach AI coding agents video production
- Catalog of reusable video blocks (charts, overlays, transitions)
InstallMCP + SKILLInstall as a Claude Code skill
Universal installANY TOOL
$ npx skillcity@latest heygen-com/hyperframesAuto-detects the skill or MCP server in this repo and installs it for Claude Code, Codex, Cursor, Cline, OpenCode, Gemini CLI, Anti-Gravity, OpenClaw and Hermes.
Requires Node.js 18+ (ships with npx).
Or install manually
# Install into ~/.claude/skills/ mkdir -p ~/.claude/skills/hyperframes curl -fsSL https://raw.githubusercontent.com/heygen-com/hyperframes/main/SKILL.md -o ~/.claude/skills/hyperframes/SKILL.md
Loading README…
Ask a simulated agent to run this skill. It loads the real SKILL.md and reasons over your task with NVIDIA.
hyperframes — sandboxAI sandbox
Pick a quick prompt below or type your own — watch the agent execute this skill step by step.
guest@skillcity:~$Try a prompt