想让 Agent 做视频、做动效、做 3D，只装一个 Skill 通常不够。更实用的办法是按任务搭一套小组合：谁负责出片，谁负责动效，谁负责 3D，谁负责放到网页里。
这篇教程把 12 个开源 Skill 按用途分成四组，给出三条能直接照着跑的组合，并把每个坑提前说清楚。适合已经会用 Claude Code、想把 Agent 用到视觉创作上的人。
学完你能做到
- 看懂这 12 个 Skill 各管什么，不再盲目全装。
- 按目标挑 2 到 3 个组合，而不是装一堆互相抢触发的 Skill。
- 用 Agent 做出：产品宣传短片、Blender 3D 场景、可玩的网页 3D 小游戏或展示。
- 知道哪些部分要付费、哪些要先确认版权，不踩合规的坑。
准备
- 已装好 Claude Code（或其他支持 Skill 的 Agent）。
- 电脑上有 Node.js，版本 22 及以上；做视频的几套还需要 ffmpeg 和 Chrome。
- 做 3D 场景那一组需要装 Blender。
- 愿意让 Agent 在你电脑上运行脚本。每装一个第三方 Skill 之前，先看它的说明和许可证。
先看地图：四组 Skill
下面的描述都是按各项目 README 的说明整理的，我们没有逐个安装试用。
视频
| Skill | 它做什么 | 许可证 |
|---|---|---|
| hyperframes | 让 Agent 写 HTML，再渲染成视频；自带转场、图表等现成组件和素材工具 | Apache-2.0 |
| remotion skills | 教 Agent 用 React 和 Remotion 做视频 | 仓库未标许可证 |
| OpenMontage | 一整套开源的 Agent 视频制作系统，带 12 条制作流程 | AGPL-3.0 |
图片来自 video-shotcraft 仓库 README 的示例。
动效
| Skill | 它做什么 | 许可证 |
|---|---|---|
| gsap skills | GSAP 官方出的技能，教 Agent 正确使用缓动、时间线和滚动动画 | MIT |
| video-shotcraft | 用 Remotion 做可编辑的产品宣传片，内置 124 种镜头配方 | Apache-2.0 |
| motionmaxxing | 把“一看就是 AI 做的”视频，往动效设计师的水准上改 | Apache-2.0 |
Blender
| Skill | 它做什么 | 许可证 |
|---|---|---|
| mcp-for-blender | 让任意大模型通过 MCP 操作 Blender，搭整场景 | MIT |
| blender-skills | 94 个 Blender 专项技能，从粗模到导出到游戏引擎 | MIT |
| dream-loop | Blender 加生图，再加一个“评委”子 Agent 给每次渲染打分，反复改进 | MIT |
图片来自 mcp-for-blender 仓库：左边是对话，右边是 Blender 视口。
网页 3D
| Skill | 它做什么 | 许可证 |
|---|---|---|
| threejs-game-skills | 用 Three.js 做可玩的网页小游戏，包含玩法、画面和测试 | MIT |
| anatomy | 画等轴测的机器拆解图和复杂系统图，输出 SVG 和 WebGL | MIT |
| 3dviz-pro-max | 一个想法进去，出一个 Three.js 或 Blender 场景 | MIT |
以上两张图分别来自 anatomy 和 3dviz-pro-max 仓库的示例。
先别全装：三条组合
Skill 装得越多，Agent 越容易在触发时犹豫。建议先挑一条组合。
组合一：产品宣传短片
适合：给产品、功能或活动做 15 到 60 秒的宣传片。
- 主力：video-shotcraft，负责镜头结构和成片。
- 动效：gsap skills，让动画的缓动和节奏更专业。
- 渲染底座：hyperframes，写 HTML 就能出片，素材和转场可以直接套用组件。
对 Agent 这样说：
组合二：Blender 3D 场景
适合：要一套 3D 场景图、产品展示图或游戏资产。
- 控制：mcp-for-blender 让 Agent 能真的操作 Blender。
- 专项能力：blender-skills 补建模、材质、灯光和导出的流程。
- 把关：dream-loop 用“评委”给每次渲染打分，一轮轮改到更好看。
对 Agent 这样说：
用 Blender 搭一个暖色调的小房间场景。
每次渲染后，让评委子 Agent 打分并指出问题，改三轮再给我最终图。
组合三：网页里的 3D
适合：做可交互的 3D 展示、小游戏或讲解图。
- 游戏：threejs-game-skills 负责玩法、画面和 QA。
- 讲解图：anatomy 把一台机器或一个系统画成可交互的等轴测图。
- 从想法起步：3dviz-pro-max 适合只有一个概念、想先看到场景的时候。
对 Agent 这样说：
用 anatomy 画一张机械咖啡机的等轴测拆解图，
每个部件悬停时显示名称和作用。
怎么安装
不同项目装法不同，下面是它们各自 README 里给出的方式。装之前先打开项目页面确认最新说明。
# hyperframes：装核心技能，需要时再装其他
npx hyperframes skills update
# 通用方式（remotion、gsap、threejs-game-skills、anatomy 都支持）
npx skills add remotion-dev/skills
npx skills add https://github.com/greensock/gsap-skills
npx skills add Vincentwei1021/video-shotcraft
npx skills add wheresryan22/anatomy -g -a claude-code
npx skills add achimala/dream-loop
- motionmaxxing：克隆到
~/.claude/skills/motionmaxxing，再运行它自带的安装检查脚本，脚本只检查依赖，不装系统软件。 - mcp-for-blender：它的 README 提供了一键安装脚本；如果已经有 uv，也可以运行
uvx mcp-for-blender setup。想自己把关，就别直接执行网上的脚本，先读脚本内容。 - blender-skills：要先装好 uv 和 Blender 的 MCP 插件，再按它的快速开始操作。
- 3dviz-pro-max：在 Claude Code 里用插件方式安装，命令见它的 README。
- OpenMontage：它是一整套系统，要克隆仓库并装依赖，比单个 Skill 重得多，先看完 README 再决定。
装完后，先让 Agent 列出可用的 Skill，确认它真的被发现了，再开始做事。
进阶：把一段视频重建成可编辑的工程
hyperframes 有一个 /reverse-any-video 技能：把一段视频重建成可编辑的 HyperFrames 工程，逐帧对照原片。几个要点：
- 要用你有权使用的视频。 它的说明里明确要求，只重建你有权使用的视频。别拿别人的作品去“复制”。
- 这是 HyperFrames Pro 的功能。 技能说明里写明 reverse 属于 Pro，需要升级后才能用。网上有说法称它免费，以官方说明为准。
- 会有使用统计。 技能开始时会运行一条命令上报技能名，说明里写了会遵守退出选项。介意的话先看它的隐私设置。
- 用法很简单：先更新技能，再把视频文件交给 Agent，让它用这个技能重建。
常见问题
装了不触发？ 在提示里直接写出技能名，比如“用 video-shotcraft 做……”。
Blender 那组连不上？ 先确认 Blender 里的插件已启动，再让 Agent 操作。
画面不理想怎么办？ 把想要的方向说具体：参考风格、节奏、颜色。再用 dream-loop 这类带“评委”的流程反复改。
能商用吗？ 先看每个项目的许可证。OpenMontage 是 AGPL-3.0，改动和分发有开源义务；Remotion 本体有自己的授权条款，公司使用前先看官方说明；仓库里的素材和模型也可能有各自的限制。
我该装几个？ 先装一条组合里的 2 到 3 个，跑通一次再加。
评论（0）
还没有评论，来说第一句。