让 Claude 的动态图形看起来更专业的 10 个 GitHub 仓库（2026）

让 Claude “做一个讲闪电原理的动态图形”，通常得到的是一段合格但平庸的动画：扁平色块、默认缓动、系统字体。 代码没问题，缺的是审美、适合这件事的渲染引擎，以及一批已经被验证过的动作库。十个开源 GitHub 仓库正好补上这些缺口， 而且每一个接入 Claude Code 的方式都不同：插件、技能、MCP 服务器、npm 包，或者一段直接粘贴的提示词。

我们的结论（截至 2026 年 11 月 12 日）：想要一部指定风格的完整短片，先装 Lemo Opuscar； 场景需要 3D 且要有“拍出来”的质感，就加上 three.js 和 React Postprocessing； 做卡点音乐的产品宣传片，用 Video ShotCraft 配 librosa； 需要 CGI 级别的 3D，就用 MCP for Blender，但要接受它会在你的机器上执行代码。 其余的（pixelfx、两个提示词合集、Claude Animation Base、React Three Rapier）是专项工具，分别对应像素风、借用提示词、手绘角色和物理。

启发本文清单的视频：Applied AI 的 Matt Penny 制作的《10 GitHub Repos to 10x Your AI Motion Graphics》（英文）。 这是创作者视频，不是官方文档：我们只用它来确定框架和它展示的演示内容，下面所有数字和安装步骤都来自仓库本身。

简短回答

按任务选。有独特视觉风格的旁白讲解片：Lemo Opuscar。3D 图表或产品场景：three.js，用 React Postprocessing 打光和收尾。 物理演示（多米诺、高尔顿板）：React Three Rapier。游戏或像素风短片：pixelfx。带固定角色的手绘卡通：Claude Animation Base。 需要真实 CGI 材质和镜头的渲染：MCP for Blender。要踩准节拍的发布片：Video ShotCraft 加 librosa。 不确定该让 Claude 做什么，就从两个提示词合集里复制一条再改。

整份清单有两点要注意。第一，许可证的差别比星标数显示的更大：Lemo Opuscar 把代码、文档和短片分在三种许可证下， joeseesun 的提示词合集和 P(doom) 源码仓库我们没有找到许可证文件，Video ShotCraft 用 Remotion 渲染，而 Remotion 对较大的公司收费。 第二，MCP for Blender 可以执行任意 Python，让 Claude 操作之前先备份你的场景。两个话题在后面都有专门的章节。

快速选择

总对比表

星标、许可证和简介来自 GitHub API 与各仓库 README，抓取于 2026 年 11 月 12 日。星标每天都在变，只当作热度快照，不代表质量。

Claude 如何制作动态图形

Claude 不会直接输出视频文件。本文所有工作流里，它写的都是逐帧绘制画面的代码，用的是 HTML Canvas、SVG、p5.js、three.js 或 Remotion。 无头浏览器或渲染器截取帧，FFmpeg 或 Remotion 再合成 MP4。joeseesun 的提示词合集描述的也是同一条流水线：写代码、用无头 Chrome 逐帧截图、 FFmpeg 合并、加音乐。Claude Animation Base 把最后一步自动化，提供 render.mjs 脚本，还会输出联系表，让模型自己检查成果。

这套架构解释了这些仓库为什么有用。普通的 Claude 得自己发明视觉风格、挑渲染方式、写缓动曲线，还要猜“专业”是什么意思。 仓库可以直接给它风格提示词（Lemo Opuscar）、引擎（three.js、Rapier）、后期堆栈（React Postprocessing）、 节奏来源（librosa），或者一本规则手册（Claude Animation Base、Video ShotCraft）。 视频作者用自己的话说了这个思路：创意工作人已经做完了，模型只是在挑选用哪些成熟的部件。 在我们看来，这就是共同点：留给模型的决定更少，而已经做好的决定更多。

如果你的视频流水线里没有 Claude，我们的 最佳 AI 视频生成工具对比覆盖了由模型直接渲染的路线（Veo、Wan、Seedance、Kling），HeyGen HyperFrames 指南则介绍了另一种代码驱动的方法。 本文这十个仓库属于代码渲染路线，也就是由 Claude 自己写动画。

1. Lemo Opuscar：为 Claude Code 准备的 99 种电影风格

Lemo Opuscar 是一个用代码做电影风格的工具箱。每种风格包含一份风格提示词（你的 agent 要遵循的 STYLE.md）， 外加一部完全由 Claude Opus 5.5 用代码做出的短演示片，没有用任何视频模型。按 2026-11-12 的 README，共有 99 种风格、15 个类别， 当天新增了 33 种。类别按画面的样子划分：剪辑与纪录片（8 种）、绘画与插画（5）、草图与板绘（7）、传统工艺（7）、印刷与版画（8）、 图形与字体（8）、线条图解（8）、卡通（6）、游戏（4）、胶片与磁带（5）、屏幕与界面（6）、光与线（5）、3D 与微缩（8）、 仪器与证据（8）、数据与地图（6）。本文参考的视频说的是 66 种，这个数字早于 11 月 12 日的更新。

它给普通 Claude 补上了什么

每部短片都有一个有名字的视觉身份。视频里列出的风格包括剪纸、80 年代动画、水墨、复古终端和等距信息图， 并展示了一段讲手机如何与基站通信的等距讲解、一段带分层光影的剪纸标题片、一段水墨片和一个终端场景。 每种风格在画廊里还有自己的页面，含静帧、适用场景和 STYLE.md。README 另外提供导演指南和技法指南、 修改某种风格或从空白开始并保存为自己风格的方法，以及用于旁白和配乐的可选语音与音乐包。

安装与第一条提示词

claude plugin marketplace add lemomo-ai/lemo-opuscar
claude plugin install lemo-opuscar@lemolab

# 或者克隆仓库并在其中启动 Claude Code
git clone https://github.com/lemomo-ai/lemo-opuscar.git
cd lemo-opuscar
claude

走插件路线时，首次使用会把指南、工具和风格提示词下载到 ~/lemo-opuscar，所有短片共用。之后用一句话提出要求， 用英文或中文写风格名都可以：

用水彩风格做一部 45 秒的短片，讲我家经营的咖啡农场。温暖的女声旁白。

README 自己的建议：Claude Fable、Opus、Sonnet 都可以，把 effort 设为 high（Claude Code 里输入 /effort high）， 其他模型可能无法还原这些风格。插件更新命令是 claude plugin marketplace update lemolab && claude plugin update lemo-opuscar@lemolab。

许可证与注意事项

商用前请读许可证部分。按 README：代码是 MIT；所有 Markdown 文件（风格提示词和指南）是 CC BY-NC 4.0，另附加许可，可用它们制作你自己的短片， 客户短片和商业短片也包括在内；演示短片、海报和静帧是 CC BY 4.0；你用这个库做的短片归你。六条旁白音轨 （五条用 Microsoft Edge TTS，一条用豆包 TTS）不在 CC BY 授权范围内，不应提取或复用。Anthropic 的角色 Clawd 出现在部分短片里，也不在授权范围内。 2.0.0 版引入了非商用文档许可证，作者给出的理由是风格库曾被重新打包并放进付费产品里出售。2.0.0 之前的版本保留原来的许可证。 README 建议使用 Claude 模型并把 effort 设为 high，因此其他模型上的效果我们未验证。

最适合：用一句话得到一部风格鲜明的完整短片。 不适合：打算转售或打包风格库本身的人，或使用 README 提醒过的其他模型的用户。

2. three.js：浏览器里的真 3D

three.js 是 JavaScript 3D 库的标杆，项目自己的一句话简介是“JavaScript 3D Library”。它不是 Claude 工具，所以不需要装进 Claude； 你在项目里安装这个包，再让 Claude 用它来写。它带来的是一个维度。视频里，一张按年份显示收入的信息图被改成了 3D：每根柱子是一叠钞票， 并且按 Y 轴正确缩放，作者认为这比静态 2D 柱状图更吸引人。同一个视频还展示了粒子螺旋星系、穿过场景的镜头飞行， 以及 Claude 自己建的一个 3D 模型，作者说模型上可见的多边形棱角可以用清单里后面的一个仓库改善。

安装与起步提示词

npm install three

# 然后在 Claude Code 里这样提示：
# "用 three.js 做一个按年份显示收入的 3D 柱状图。每根柱子按数据缩放，
#  加一个缓慢环绕的相机，并用无头 Chrome 渲染 1080p 的帧。"

three.js 还自带一大批官方示例，包括上面的关键帧动画场景和一个 CSS3D 元素周期表，它们给 Claude 提供了可以模仿的具体写法。 可以让它在动手前先读一个和你的想法接近的示例。

注意事项

three.js 在浏览器里渲染，所以要出视频需要一个截帧步骤（如上面流水线里的无头 Chrome）。这个库体量大， Claude 的第一版场景往往看起来很素，直到你加上灯光、材质和后期效果，这时就轮到 React Postprocessing 和 Blender 上场。 版本号更新很快，请核对你安装的那一版。

最适合：3D 图表、产品场景、粒子、镜头飞行。 不适合：照片级材质或复杂骨骼绑定，那是 Blender 的强项。

3. pixelfx：244 个像素特效，外加能制作更多特效的技能

pixelfx 是一个包含 244 个像素特效和动画的库，每个都是一小段代码：火焰、爆炸、魔法、天气、界面、拾取物、小动物等， README 的表格里共 21 个类别。涉及角色的特效是“演”出来的（起手、释放、命中时定格、收招），另有十二套完整招式把特效串成从蓄力到收招的攻击。 视频里展示了火焰、烟花、极光、大爆炸和闪电场景，并认为一段风格化的像素风闪电原理讲解，比直接让 Claude 做一个普通的闪电图形更显高级。

它补上了什么

pixelfx 技能教 Claude Code 查找、使用、导出和制作特效。README 说它制作新特效的方式像一位挑剔的像素画师：起稿、渲染、观察、打磨。 它带有搭建特效脚手架、渲染联系表、检查溢出、接缝、未设种子的随机数和掉帧的工具。README 里的示例请求包括：给法师的大招加一个冰霜新星、 做五个版本的金币拾取闪光、把火焰和爆炸两个类别导出为 Godot 用的精灵表、让一个轻飘飘的命中特效更有力。

安装

/plugin marketplace add patch-gg/pixelfx
/plugin install pixelfx@pixelfx

# 或把 skills/pixelfx 复制到 ~/.claude/skills/
# 或直接在浏览器游戏里用代码：
npm i github:patch-gg/pixelfx

用于浏览器游戏或 canvas 页面时，代码路线没有任何依赖：

import { createFrame, clearFrame, createFx, composite } from "pixelfx";
import * as frostNova from "pixelfx/fx/ice/frost-nova";

const frame = createFrame(320, 180);
const fx = createFx(frostNova, { x: 160, y: 140 });

注意事项

这个仓库没有 GitHub 发布版本，所以从 GitHub 安装跟踪的是主分支。像素风很有辨识度但范围窄：适合游戏、复古讲解、风格化的天气或物理话题， 不适合企业宣传片。部分代码改编自 Hugo Duprez 的 MIT 特效和 Hollow Crown 的 MIT 源码，详见仓库的 NOTICE 文件。

最适合：像素风短片和风格化讲解。 不适合：写实或品牌感强的宣传片。

4. MCP for Blender：让 Claude 驱动 Blender

Blender 是专业人士用来做 CGI 和动态图形的免费 3D 套件，这个社区项目让任何 MCP 客户端都能控制它。架构分两部分： 一个 Blender 插件（addon.py），在 Blender 内部开一个套接字服务器接收命令；以及一个 MCP 服务器 （src/blender_mcp/server.py），说模型上下文协议，并和插件通信。README 列出的能力包括创建和编辑物体、材质与颜色、 相机与多角度视图（让模型能检查自己的成果）、渲染、执行 Python，以及素材来源 Poly Haven、Sketchfab 和 Poly Pizza， 另外还能通过 Meshy、Tripo、Hyper3D Rodin 和 Hunyuan3D 生成 AI 模型。付费的 Premium 档提供部分生成能力，不需要你自备 API 密钥。

视频里的示例都是一条提示词做出来的：把人口对比做成建筑群、一段太阳能板讲解，以及一个耳机零件爆炸图。 作者提醒，一次生成的结果还可以通过多轮修改大幅提升。

安装与配置

# 一行安装脚本（macOS / Linux）
curl -LsSf https://www.mcp-for-blender.com/install.sh | sh

# 或者，已装好 uv 时
uvx mcp-for-blender setup

# Claude Code 的手动方式
claude mcp add blender uvx mcp-for-blender
uvx mcp-for-blender install-addon

# 可选：关闭默认的匿名使用记录
DISABLE_TELEMETRY=true uvx mcp-for-blender

一行安装脚本会在需要时安装 uv，查找你机器上的 MCP 客户端（Claude Desktop、Claude Code、Codex、Cursor、VS Code，以及 README 列出的其他客户端）， 让你选择要配置哪些，然后安装并启用 Blender 插件。其他客户端则把服务器加进 MCP 配置：

{
    "mcpServers": {
        "blender": {
            "command": "uvx",
            "args": ["mcp-for-blender"]
        }
    }
}

如果你刚接触 Claude Code 里的 MCP，我们的 Claude Code 的 MCP 服务器（英文）清单和热门 MCP 服务器盘点讲了配置方法。该项目由 Blender MCP 改名而来， README 说 uvx blender-mcp 仍然能运行服务器，无需改配置，新安装请使用 mcp-for-blender。

注意事项

这是清单里风险真实存在的仓库，所以下面有专门的安全说明。简要来说：execute_blender_code 工具会在 Blender 里执行任意 Python； 遥测默认发送一条最小化的匿名使用记录（内容收集需要主动开启）；从图形界面启动的 MCP 客户端有时在 PATH 里找不到 uvx， README 在“spawn uvx ENOENT”条目下给出了解决办法。复杂操作也需要拆成更小的步骤。

最适合：CGI 风格的 3D 镜头、产品拆解、需要真实材质和相机的场景。 不适合：在丢不起的场景上无人值守地运行。

5. 两个提示词合集：Awesome Opus 5.5 Videos 与 Opus 5.5 Video Prompts

Awesome Opus 5.5 Videos 收集了让 Claude Opus 5.5 把动画写成代码（HTML、Canvas、SVG、Three.js 等）而做出的爆款视频， 每条附上创作者分享的提示词，没有公开提示词的则附原帖。按 README，prompts/ 文件夹和 data/videos.json 里共有 703 条提示词， 其中 418 条在 Skillry 上有实时重制版，另有 100 个重制视频被重点展示，分为动态图形（58）、讲解（16）、3D 场景（14）、游戏与交互（12）和 30 条最新提示词。 用法三步：复制 Prompt 下面的代码块，粘贴给 Opus 5.5，然后要求它生成一个可以录屏的单个 HTML 文件。

Opus 5.5 Video Prompts 由 joeseesun 整理，用中文写成，覆盖 Opus 5.5 发布后的第一周（2026-09-22 至 09-25）。 它列出 18 条完整提示词、54 个公开案例和 9 条技术路线，只收录作者自己公开发布过的提示词，每条都链接到原帖。 快速开始是：安装 Claude Code，把模型切到 Opus 5.5，把 effort 设为 high 或 xhigh，准备好 Node.js、Chrome 和 FFmpeg， 在一个空目录里粘贴提示词。它以最短的测试提示词开头，也就是 Deedy 做发布片用的那一条：

make a modern slick and punchy video for a modern startup that works on inference

它们补上了什么

经过验证的起点。视频里展示了一个马赛克场景里游出一条鱼，以及一段扁平风格的天气讲解，并说其中一个合集复用了人们在网站上多年来一直使用的界面元素， 所以动效看起来像是已经证明有效的东西。joeseesun 的合集还有结构化模板（30 秒公司讲解、鸡尾酒配方图、用 Remotion 做的应用宣传片、 1440×1440 的界面变形循环），展示了最好的提示词携带了多少规格说明。

许可证与注意事项

第一个合集是 MIT，但提示词和视频归创作者所有，请署名。第二个没有许可证文件，在产品里复用它的文字前请先询问。 两者都是 Opus 5.5 发布期间的快照，为该模型调好的提示词换模型可能需要调整。

最适合：不知道该提什么要求时找方向。 不适合：需要一致品牌输出的场景，因为每条提示词都是一次性的。

6. Claude Animation Base：带 Clawd 的手绘风讲解

Claude Animation Base 是一个小型起步套件，用 Claude Opus 5.5 制作手绘卡通，基于 p5.js 和 p5.brush。它源自 John Heibel 的音乐视频 《I’m Upping My P(doom)》的代码，该视频的源码就是第二个仓库。套件包含：带五个关键视角、31 种表演情绪、眼睛、嘴型、帽子和舞蹈的 Clawd 角色； 绘画、节奏和镜头辅助函数；带笔刷擦除转场的时间线；以及一个无头渲染器。视频把它指为你在 Instagram 上常见的那种可爱吉祥物风讲解片的出处。

它补上了什么

一本模型在动笔前先读的规则手册。ANIMATION_GUIDE.md 定了三个目标（手作感、有生命、浑然一体），以及一些规则：不要文字、 每个场景之间都要有转场、每个场景里都要有事发生、采用扁平的 2D 绘画质感，墨线会“沸腾”，每秒重新取种 12 次。 它还说，节奏是模型最容易出错的规则。工作流是：先做分镜，逐镜头搭建，渲染联系表来检查，再输出 out/video.mp4。 手册也说这里没有任何设计是定稿的：可以改 Clawd、道具和辅助函数，或者加入你自己的角色。

安装与第一条提示词

git clone https://github.com/JohnHeibel/ClaudeAnimationBase.git
cd ClaudeAnimationBase
npm install
node render.mjs --clip --out=out/video.mp4   # 渲染 11 秒演示
# 在 Chrome 里打开 studio.html 来拖动预览

然后在克隆目录里的 Claude Code 中：

先读 ANIMATION_GUIDE.md，然后做一段 15 秒的视频：Clawd 努力去抓一只蝴蝶。

注意事项

需要 Node.js、Google Chrome 和 ffmpeg。没有独立显卡时，p5.brush 的水彩填充渲染很慢，每帧要几秒；README 建议在集成显卡上让模型避开这些填充， 并为完全没有 GPU 的机器提供了 --soft-gl。在 Linux 上 render.mjs 会用 --no-sandbox 启动 Chrome。 仓库代码是 MIT，但 Lemo Opuscar 的 README 声明 Clawd 这个 Anthropic 的角色不在它的许可证范围内；我们没有找到 Anthropic 关于该吉祥物的政策， 所以商用前请先确认。P(doom) 仓库我们没有找到许可证文件，其致谢指向一首来源不明的歌曲，因此请把那个仓库当作阅读材料，不要复用其中的音频。

最适合：风格统一、以角色为主的手绘讲解。 不适合：写实或文字密集的设计，因为手册默认禁止文字。

7. React Three Rapier：React Three Fiber 里的真实物理

React Three Rapier 把 Rapier 物理引擎封装给 React Three Fiber 用，后者是 three.js 的 React 渲染器。视频里，它为倒塌的叠叠乐塔、 一排拼出一个单词的多米诺骨牌，以及一块高尔顿板提供物理：落下的小球在底部堆出二项分布。作者的观点是，物理可以解释原理，而不只是装饰场景， 因此适合科学和数学类视频。

它补上了什么

可信的运动，否则 Claude 只能用手写缓动去假装。你用 <Physics> 组件包住场景，用 <RigidBody> 包住网格， 碰撞由引擎处理。官方演示应用里有吸引子、关节、绳索、弹簧、弹珠机、汽车和实例化网格等文件夹，给 Claude 提供了可用的写法。 对视频来说，关键细节是手动步进：默认情况下模拟在渲染一帧时前进，但 README 展示了可以从 useRapier 钩子自己调用 step， 这样逐帧渲染器就能以固定的 1/60 秒推进物理。

import { Canvas } from "@react-three/fiber";
import { Physics, RigidBody, CuboidCollider } from "@react-three/rapier";

// <Physics> 包住场景；<RigidBody> 把网格变成受模拟的刚体。
// 逐帧渲染时，自己推进模拟：
// const { step } = useRapier();
// step(1 / 60);

注意事项

第 2 版支持 React Three Fiber v9 和 React 19。如果你的项目用 React 18，README 说要使用 @react-three/rapier v1 及对应的 fiber 版本。 按挂钟时间运行的物理模拟每次渲染结果都不同，所以视频里要确定性地步进，并给随机数设种子。本文没有测试完整的渲染流水线。

最适合：多米诺、碰撞、概率和力学讲解。 不适合：布料、流体或软体效果，README 并没有声称支持这些。

8. React Postprocessing：电影质感

React Postprocessing 给 React Three Fiber 场景加上屏幕空间效果。每一帧画好之后，图像会经过一叠滤镜。视频里列出了辉光、景深、胶片颗粒、 镜头色调和故障效果，并展示了给钠原子的电子壳层打上辉光，让正在讲解的那一层凸显出来。README 自己的示例叠加了景深、辉光、噪点和暗角。

安装与起步代码

npm install @react-three/postprocessing

import { Bloom, DepthOfField, EffectComposer, Noise, Vignette } from "@react-three/postprocessing";

<EffectComposer>
    <DepthOfField focusDistance={0} focalLength={0.02} bokehScale={2} height={480} />
    <Bloom luminanceThreshold={0} luminanceSmoothing={0.9} height={300} />
    <Noise opacity={0.02} />
    <Vignette eskil={false} offset={0.1} darkness={1.1} />
</EffectComposer>

让 Claude 用你指明的效果把做好的场景包进 EffectComposer，其余全部关掉。一点点暗角加辉光，比把所有效果都堆上去更有“拍出来”的感觉。

注意事项

它只能在 React Three Fiber 场景里用，所以它是配合 three.js 作品的，而不是 2D Canvas 或 p5.js 短片。效果会占用 GPU 时间； 没有 GPU 的无头渲染器会很慢。

最适合：给 3D 场景加辉光、焦点切换和颗粒。 不适合：扁平 2D 动画，或用来补救构图糟糕的场景。

9. librosa：让动画卡上节拍

librosa 是用于音频和音乐分析的 Python 库，对动态图形来说，关键是它的节拍追踪器。视频里播放了一段背景音乐，显示检测到的节拍， 让每一次画面变化都落在节拍上，这是软件产品发布视频的惯用手法。作者说他以前没留意过，直到看到才意识到， 踩着音乐运动是让视频显得更高级的一个因素。

可以交给 Claude 的节拍时间戳导出脚本

这段短脚本加载一首曲子，运行 librosa.beat.beat_track，把节拍帧转换成秒，并写出一个动画时间线可以读取的 JSON 文件。 我们用 librosa 1.0.0 在它自带的“Choice”示例曲目上运行过：报告速度约 136 BPM，共 57 个节拍，第一个在 0.07 秒。

import json
import librosa
import numpy as np

y, sr = librosa.load(librosa.ex("choice"))          # 或换成你自己的曲目
tempo, beat_frames = librosa.beat.beat_track(y=y, sr=sr)
beat_times = librosa.frames_to_time(beat_frames, sr=sr)

with open("beats.json", "w") as f:
    json.dump({"tempo": float(np.squeeze(tempo)),
               "beats": [round(float(t), 3) for t in beat_times]}, f)

读 beats.json。把每次转场、文字出现和镜头推进都对齐到最近的节拍时间，并把最强的视觉变化放在每小节的第 1 拍。

注意事项

在 librosa 1.0 里 beat_track 把速度作为数组返回，所以脚本在转成浮点数前先做了 squeeze。自动节拍追踪可能漂移， 或者锁定到半速或倍速。Video ShotCraft 自己的节拍同步笔记（中文）警告说，速度标量可能偏差超过 2%，节拍和起音检测会漂移， 并建议使用更严格的 tightness 值，再和真实网格对照检查。渲染整部短片之前，务必先听一遍剪辑。 自带的“Choice”曲目作者是 Admiral Bob（admiralbob77），属于 librosa 的示例数据；我们没有核实它的复用条款，所以真实项目请用你自己有授权的音乐。

最适合：产品发布和任何卡点音乐的短片。 不适合：自由节奏或纯语音的作品，那里没有节拍可找。

10. Video ShotCraft：宣传片打法手册

Video ShotCraft 把 Claude Code 或 Codex 变成产品宣传片制作工具。README 的描述是：告诉 agent 给你的产品做一支宣传片， 它就会抓取你的真实页面，从一套调好的动效配方库里挑镜头，做分镜，用 Remotion 做动画，卡着节拍剪辑，加音效设计，逐帧检查， 最后交给你一个可以继续编辑的 MP4。按 README，库里有 10 个类别共 124 张配方卡（开场与品牌、镜头、转场、字体、界面入场、交互、数据、光与强调、节奏、收尾）， 总计 150 个镜头，画廊里有 150 个动效预览。

它补上了什么

如视频所述，创意工作人已经做完了：Claude 翻阅配方卡，选出适合你产品的并加以改编。每张卡放在 references/shots/<category>/<card>.md，在 demos/ 下有对应的 Remotion 实现。 你也可以按名字指定单个镜头，比如要求做一个受 spotlight-hero-card 启发的产品特写。交付之后，Motion Workbench 会打开一个 类似剪映风格的浏览器编辑器，带镜头、转场、字幕和音效轨道，还有一个可选导出，生成可编辑的剪映（JianYing，CapCut 国内版）草稿。

安装与第一条提示词

帮我安装这个技能： https://github.com/Vincentwei1021/video-shotcraft

# 或用 skills CLI
npx skills add Vincentwei1021/video-shotcraft

# 或手动
git clone https://github.com/Vincentwei1021/video-shotcraft.git

然后：

给我的产品做一支宣传片。

注意事项

需要 Node.js 和 npm、ffmpeg 与 ffprobe，节拍分析需要 uv；页面抓取时按需安装 puppeteer，Remotion 在首次渲染时下载自己的无头 Chrome。 它在 macOS 上测试过，Linux 按 README 的说明也能用。Remotion 的许可证对个人和不超过三人的公司免费，更大的公司需要付费的 Company License （remotion.pro，抓取于 2026 年 11 月 12 日）。音效设计用到的 Freesound 片段保留各自许可证，CC BY 文件需要署名。工作台指南是中文写的。

最适合：SaaS 与应用发布视频，使用真实抓取的界面。 不适合：叙事或艺术类短片，配方库反而会碍事。

组合使用

这些仓库是模块化的，叠加两三个效果最好。下面三条流水线来自各 README 对各工具作用的描述。本文没有端到端地运行过它们， 所以请把步骤顺序当作可以调整的起步方案。

流水线 A：风格化讲解片

Lemo Opuscar + three.js + React Postprocessing + librosa。从画廊里挑一种和主题匹配的风格（技术主题用等距或线条图解风格）。 让 Claude 用 Lemo Opuscar 技能做这部短片；某个场景需要真实纵深时，让它用 three.js 来做，用带辉光和轻微暗角的 EffectComposer 包起来， 并用 librosa 导出的 beats.json 来驱动剪辑点。你从演示里复制的每个素材，都要核对它的许可证。

流水线 B：产品宣传片

Video ShotCraft + librosa。ShotCraft 已经能抓取你的真实页面、选择镜头配方并做节拍同步。你自己用 librosa 确认它生成的节拍网格 （该仓库自己的笔记说节拍追踪会漂移），再在 Motion Workbench 里调整剪辑点。

流水线 C：3D 产品拆解

单用 MCP for Blender。让 Claude 建模、加材质、设相机并渲染，再把零件分开做成爆炸图，就像耳机那个例子。在场景的副本上操作， 先渲染一张静帧，之后再要求做动画。如果你想要周围标题和字幕的版式，可以配合提示词合集。

其他视频路线见我们的 MoneyPrinterTurbo 指南和Pixelle-Video 指南， 它们实现从脚本到视频的自动化，不需要 Claude 来写动画。想更好地用 Claude Code 本身，见 Claude Code 最佳实践和Karpathy 式 Claude Code 技能指南。

安全与许可说明

MCP for Blender 会在你的机器上执行代码

README 用粗体警告：execute_blender_code 工具会在 Blender 里执行任意 Python，“功能强大但可能有危险”，并要求在使用前务必保存工作。 实用做法：保留 .blend 文件的版本化副本，在临时场景里工作，批准每次工具调用前先看生成的代码， 不要在存有你承受不起泄露的凭据的机器上运行。Poly Haven 会下载模型、贴图和 HDRI，如果不想要，README 说可以在插件里取消该复选框。 默认会收集一条最小化的匿名使用记录（安装 ID、工具名、是否成功、耗时、版本、操作系统），可以用 DISABLE_TELEMETRY=true 关闭； README 说提示词、生成的代码、截图和场景数据只有在你主动选择加入时才会收集，并且收集的数据可能用于研究和训练 AI 模型。

许可证并不统一

• Lemo Opuscar：代码 MIT，文档 CC BY-NC 4.0 并附允许制作自己短片的许可，演示短片 CC BY 4.0（六条旁白音轨除外）。GitHub 显示 NOASSERTION。
• joeseesun/opus-video-prompts 与 JohnHeibel/PDoomVideo：未发现许可证文件。复用文字、代码或音频前请先询问。
• Video ShotCraft：Apache-2.0，但 Remotion 渲染可能需要付费的公司许可证，Freesound 音频保留各自条款。
• Clawd：Anthropic 的角色；Lemo Opuscar 的 README 把它排除在其许可证之外。
• 第三方素材：three.js 的“Littlest Tokyo”模型是 CC Attribution（Glen Fox），Opus 5.5 合集里的每条提示词都归其创作者所有。

如何选择

评估方法

没有付费推广。本文没有联盟链接，没有赞助标注，也没有仓库所有者审阅过这个页面。清单顺序沿用启发它的那个视频，不是排名。

• 事实（星标、许可证、版本、数量、安装命令）来自 GitHub API 和各仓库的 README，抓取于 2026 年 11 月 12 日。README 与第三方来源不一致时，以 README 为准并注明。
• 视频是次要来源，只用于确定框架和它展示的演示内容，并且始终注明出处（“视频里……”）。
• 我们自己测试过的：librosa 节拍导出脚本，用 librosa 1.0.0 在其自带的“Choice”示例上运行。本文其他内容都没有由我们运行；我们没有用其他任何仓库渲染过短片。
• 未验证：Clawd 的商用状态、Lemo Opuscar 在 README 未提及的模型上的效果，以及上面的流水线能否照描述端到端运行。

素材与致谢

本文的嵌入内容和图片归其创作者所有，并附署名展示。

• Lemo Opuscar 演示短片和封面图，Lemomo（LemoLab），CC BY 4.0：github.com/lemomo-ai/lemo-opuscar
• three.js 示例 webgl_animation_keyframes（模型“Littlest Tokyo”，Glen Fox，CC Attribution）和 css3d_periodictable
• pixelfx README 动图和在线画廊，Patch（MIT）
• Blender MCP 演示，Siddharth Ahuja（@sidahuj）
• 发布片，Deedy（@deedydas）；动态设计提示词，zheke（@zheke）
• 手绘风讲解，AI Finance Labs（@aifinancelabs），由本文任务说明归入 Claude Animation Base，帖子本身未点名；不构成投资建议
• Claude Animation Base 情绪表和《I’m Upping My P(doom)》循环动画，John Heibel：Claude Animation Base、PDoomVideo
• React Three Rapier 演示“Attractors”和“Joints”（react-three-rapier.pmnd.rs）；pmndrs 示例 Take Control 和 Bubbles（Poimandres）
• librosa 在 Admiral Bob（admiralbob77）的“Choice”上的节拍追踪，来自 librosa 的示例数据
• Haris Amin 用 Video ShotCraft 做的 NeoBox 宣传片；Vincent Wei 的 ShotCraft 工作流动画：展示页
• 提示词合集：Awesome Opus 5.5 Videos（拼图由 Skillry 托管）和 Opus 5.5 Video Prompts
• 视频：《10 GitHub Repos to 10x Your AI Motion Graphics》，Applied AI 的 Matt Penny：YouTube

常见问题

资料来源

除标签另有日期外，均抓取于 2026 年 11 月 12 日。

• YouTube：10 GitHub Repos to 10x Your AI Motion Graphics（Matt Penny | Applied AI）
• GitHub：lemomo-ai/lemo-opuscar
• Lemo Opuscar 风格画廊
• GitHub：mrdoob/three.js
• three.js 示例：webgl_animation_keyframes
• three.js 示例：css3d_periodictable
• GitHub：patch-gg/pixelfx
• pixelfx 在线画廊
• GitHub：ahujasid/mcp-for-blender
• MCP for Blender 官网
• GitHub：yihui-dev/awesome-opus5-5-videos
• Skillry：带实时重制版的 Opus 5.5 视频
• GitHub：joeseesun/opus-video-prompts
• GitHub：JohnHeibel/ClaudeAnimationBase
• GitHub：JohnHeibel/PDoomVideo
• GitHub：pmndrs/react-three-rapier
• React Three Rapier 演示
• pmndrs 示例画廊
• GitHub：pmndrs/react-postprocessing
• React Postprocessing 文档
• GitHub：librosa/librosa
• librosa 文档
• GitHub：Vincentwei1021/video-shotcraft
• Video ShotCraft 展示页
• Remotion 公司授权
• Claude Code：MCP 服务器设置（Anthropic 文档，英文）
• X：@sidahuj，Blender MCP 发布演示（2025-03-11）
• X：@sidahuj，Blender MCP 接入 Poly Haven（2025-03-17）
• X：@deedydas，Opus 5.5 发布片（2026-09-23）
• X：@zheke，Opus 5.5 动态设计（2026-09-25）
• X：@aifinancelabs，手绘风讲解（2026-10-07）