HyperFrames Skills

输入可以是网站链接、GitHub PR、Figma 文件、文字简报、现有素材或一段音乐。入口技能先做一轮简短访谈并写出 BRIEF.md，再转入对应的创作流程，例如产品发布片、无人出镜讲解、音乐卡点视频、内嵌字幕或口播叠加图形。智能体用带时间属性的 HTML 和可按时间点定位的动画搭出画面，经过 lint 与预览后，用 HyperFrames CLI 渲染成 MP4；其余技能负责动画、关键帧、音频混音、素材获取和可复用组件库。视频由代码合成而非视频模型生成，运行需要 Node.js 22+ 和 FFmpeg。

• 01来自 README

  逐字引用仓库 README 里的安装命令。

  $ npx skills add heygen-com/hyperframes复制

• 02skills CLI（Claude Code、Codex 等通用）

  Vercel Labs 的开源 skills CLI 会把 GitHub 仓库里的技能装到各个智能体约定的文件夹里。它会让你选择要装哪些技能、装给哪些智能体；默认只装给当前项目，加上 -g 参数则装给你的用户账号。安装前加 --list，可以先看仓库里有什么。

  $ npx skills add https://github.com/heygen-com/hyperframes/tree/main/skills复制

• 03Claude Code：skills 文件夹

  把技能的文件夹（里面有 SKILL.md 的那一层）复制到 ~/.claude/skills/，所有项目都能用；或复制到仓库里的 .claude/skills/，只在该仓库使用，提交后还能和团队共享。Claude Code 会在会话中读取这些文件夹的变化；如果会话开始时这个文件夹还不存在，运行 /reload-skills。

• 04Claude Code：插件市场

  有些仓库发布了插件市场，也就是一份 .claude-plugin/marketplace.json。先在 Claude Code 里添加它，再用 /plugin install plugin-name@marketplace-name 安装其中的插件。插件除了技能，还可能带上 hooks 和 MCP 服务器，确认前请先看详情面板。

  $ /plugin marketplace add heygen-com/hyperframes复制

• 05Codex：skills 文件夹或 $skill-installer

  Codex 会从你启动它的目录起，一路到仓库根目录，读取沿途的 .agents/skills；也会读取 $HOME/.agents/skills，对所有仓库生效。把技能文件夹复制到其中一处，或在 Codex 里运行 $skill-installer，让它从仓库安装。Codex 会自动发现新技能，只有没出现时才需要重启。

第一条命令引自作者的 README，其余是从 GitHub 仓库安装技能的通用办法。它们只是模板，不一定适用于这个仓库，比如仓库没有插件市场时，请以 README 为准。