如何在 Claude Code、Codex 或 Cursor 中安装 Skill

Skill 是一个文件夹，里面有给 Agent 看的 SKILL.md 说明文件，以及模板和脚本。安装一次之后，只要你的请求匹配，Agent 就会自动使用它。

最快的方式：让 Agent 帮你装

在任意 Skill 页面复制安装提示词，粘贴给你的 Agent：

Read https://claude-motion.com/skills/<slug>/install.md and follow the instructions to install the "<slug>" skill, then run it once with its example prompt.

Agent 会读取安装说明，请你在浏览器中下载压缩包，解压到正确的目录，再完成第一次渲染。

手动安装

1. 在 Skill 页面下载 ZIP。
2. 解压时保留文件夹名（<slug>/SKILL.md）：
   • Claude Code： ~/.claude/skills/<slug>/，或项目内的 .claude/skills/<slug>/
   • Codex： ~/.agents/skills/<slug>/
   • Cursor： 项目内的 .cursor/skills/<slug>/
   • Gemini CLI： ~/.gemini/skills/<slug>/
3. 新开一个 Agent 会话，让它加载这个 Skill。

mkdir -p ~/.claude/skills
unzip -o ~/Downloads/kinetic-type-title.zip -d ~/.claude/skills/

电脑上需要准备什么

• Node.js 22 或更新版本
• FFmpeg（macOS 上运行 brew install ffmpeg）
• Google Chrome（渲染器会以无界面方式调用它）

第一次渲染时，HyperFrames CLI 会通过 npx 自动安装。

如何使用

直接提需求就行，比如「做一张 9:16 的标题卡，文字是『更快发布，安心入睡』」。Agent 会复制模板、写好 brief.json、运行 hyperframes check、查看截图排查排版问题，然后渲染出 MP4 并告诉你文件位置。