写HTML。渲染视频。为经纪人打造。
概览
写HTML。渲染视频。为经纪人打造。 快速入门 |展示 |游乐场 |目录 |文档 |Discord HyperFrames 是一个开源框架，用于将 HTML、CSS、媒体和可寻觅动画转换为确定性 MP4 视频。本地使用时可搭配 CLI，或由具备技能的 AI 编码代理使用，或作为托管创作工作流程背后的渲染核心。 安装HyperFrames技能，然后描述你想要的视频： 使用/hyperframes，创建一个10秒的产品介绍，带有淡入标题、背景视频和细腻的背景音乐。 这些技能教代理 HyperFrames 的制作循环：规划视频、编写有效的 HTML、线索动画、添加媒体、贴片、预览和渲染。他们使用 Claude Code、Cursor、Gemini CLI、Codex 及其他支持技能的编码代理。 HyperFrames可按需加载21个技能。
概述（AI 翻译）
写HTML。渲染视频。为经纪人打造。
演播室 | 快速入门 | 展示 | 游乐场 | 目录 | 文档 | Discord
HyperFrames 是一个开源框架，用于将 HTML、CSS、媒体和可寻觅动画转换为确定性 MP4 视频。本地使用时可搭配 CLI，或由具备技能的 AI 编码代理使用，或作为托管创作工作流程背后的渲染核心。
快速启动
用AI编码代理
对于 Claude Code，安装版本化插件：
在/plugin→市场中启用超帧市场的自动更新，
然后使用 /hyperframes:hyperframes。详见插件指南
用于Copilot、VS Code、光标、Gemini CLI、更新和迁移。
对于独立技能（包括OpenCode），请使用：
选择器开门时没有预选——核心技能组就足够了：
/hyperframes路由器按需安装每个创建流程。代理和非交互运行应使用npx hyperframes skills update——它安装核心集，而skills add --all安装全部21个已发布技能。.claude/skills/.agents/skills下的六个仓库内部技能默认被排除。
本页由 AI 翻译，技术细节请以原文为准。
README
以下为原文 README 节选，完整内容请查看原文。
Write HTML. Render video. Built for agents.
Studio | Quickstart | Showcase | Playground | Catalog | Docs | Discord
Download the desktop app: macOS · Windows · Linux (.deb)
HyperFrames is an open-source framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos. Use it locally with the CLI, from AI coding agents with skills, or as the rendering core behind hosted authoring workflows.
Using Claude Code, Codex, Cursor, or another coding agent? Run npx hyperframes skills update once, then ask your agent to make a video.
Quick Start
With an AI coding agent
For Claude Code, install the versioned plugin:
claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes
To enable auto-update for the hyperframes marketplace, run claude in a
terminal in your project. In Claude Code’s terminal UI, run /plugin, then select
推荐工具
换一个关键词，或者移除筛选条件。
安装
npx skillfish add heygen-com/hyperframes