podo/design-agent-skills

hyperframes

目录存根 — 完整包：heygen-com/hyperframes

注意： TTS 和媒体生成功能需要 HeyGen 账户。

决策树

1. 包是否已安装？ 检查：你的代理技能目录是否包含 hyperframes 且内容超越此存根。

   • 是 → 调用 hyperframes 并继续
   • 否 → 转到步骤 2

2. 你使用哪个代理？

   • Claude Code → npx skills add heygen-com/hyperframes — 或发送 ! npx skills add … 作为聊天消息（添加 -g 为全局安装，省略则为项目级安装）
   • Cursor → npx skills add heygen-com/hyperframes
   • 其他 → npx skills add heygen-com/hyperframes 或参阅 GitHub README

安装命令

npx skills add heygen-com/hyperframes

TTS、转录和视频渲染功能需要 HeyGen 账户。动画创作无需账户即可工作。

安装后调用

• 技能名称：hyperframes
• 触发短语："hyperframes", "HTML 转视频", "HeyGen", "从 HTML 渲染视频", "Anime.js"

功能说明

“编写 HTML。渲染视频。” — 一套 11 个技能，专为需要从 HTML 合成输出视频的 AI 编程代理构建。涵盖：场景创作（构建 HTML/CSS/JS 场景）、通过 HeyGen 实现的文本转语音与转录、CLI 驱动的渲染工作流、可重用媒体的资产注册表、用于抓取实时网页内容的 URL 捕获，以及六个动画子技能（GSAP、Anime.js、纯 CSS 动画、Lottie 播放、Three.js 3D 和 Web Animations API）。从头设计用于代理驱动的视频制作流水线。

何时不使用

• 无需视频输出的静态动画（请使用 gsap-skills、framer-motion-skills 或 animate-css-skill）
• 当你没有 HeyGen 账户时 — 媒体生成功能（TTS、视频渲染）将无法运行