product-film

一个 Claude Code 技能，用代码制作展示级（showreel-grade）产品影片：落地页循环视频、发布视频、宣传片或 demo reel。它使用 Remotion、你产品的真实组件、设计 token、logo 和品牌语言。

这部影片看起来就像你的产品亲手制作的。Claude 首先学习你的设计系统：规则文件、token、组件、线上站点，以及你可以和不可以宣称的内容。然后它会询问你影片应包含什么，选项以你真实的功能和组件命名。它会把这一切记录为 videos/BRAND.md，其优先级高于技能中的任何默认值。接着它撰写故事、按节拍剪辑音乐、构建场景、与你逐帧审查画面，并渲染出经过验证的最终影片。

安装

在 Claude Code 中：

/plugin marketplace add Rieranthony/product-film-skill
/plugin install product-film@product-film-skill

或手动复制技能文件夹：

git clone https://github.com/Rieranthony/product-film-skill
mkdir -p ~/.claude/skills
cp -R product-film-skill/plugins/product-film/skills/product-film ~/.claude/skills/

如果要与团队共享，可将该文件夹提交到仓库的 .claude/skills/product-film/ 路径下。

使用

在你产品的仓库中，向 Claude Code 提出影片需求：

为这个产品制作一段 45 秒的落地页视频，配上这首歌。

技能会接手后续全部工作：

探索。 快速浏览你的设计规则、token、组件、logo 和可宣称的内容。
访谈。 它会询问影片播放的场景、时长、音乐以及要展示的功能。然后询问使用哪些素材，全部可选：
- logo 动画，或吉祥物（如果有的话）
- 逐词出现的大字金句、字幕，或完全无文字
- 转场：magic moves、镜头运动，或卡点剪切
- 附加项：光标交互、合作伙伴 logo、佐证时刻、品牌纹理
品牌包与故事。 你的回答和设计将生成 videos/BRAND.md 和分镜表（beat sheet）。在构建之前，它会先给你看 3 帧风格样片。
音乐。 它测量节拍网格，按小节剪辑歌曲，并将音效放置在峰值上。
构建。 一个 Remotion composition，每一帧都是时间的纯函数，场景按你选择的方式连接。
审查。 每次交接时输出静帧、contact sheets 和半分辨率草稿。它先自行修复，再展示给你。
最终渲染。 带运动模糊的 240 fps 母版。你会得到用于页面的静音循环版、带音乐版、WebM 和海报图，全部经过解码并检查颜色、时长和无缝循环。

包含内容

plugins/product-film/skills/product-film/
├── SKILL.md              工作流程、工艺默认值和常见陷阱
├── reference/            探索、访谈、素材、故事、引擎、音乐、审查、渲染
├── templates/
│   ├── BRAND.md          为你的产品填写的品牌设计包
│   ├── film-prompt.md    填写式影片需求简报
│   └── kit/              时间网格、弹簧动画、镜头、光标、magic moves、金句、dither、调试覆盖层
└── scripts/
    ├── beats.py          从歌曲提取节拍网格（numpy）
    ├── audio-edit.py     按小节剪辑歌曲
    ├── stills.ts         审查用静帧，一次性打包
    ├── render.ts         最终渲染和交付物
    └── verify.py         解码文件并进行检查

要求

Claude Code。该技能运行你的本地工具链，因此无法在 Claude 聊天应用中使用。
Node.js 和 Bun。
uv（用于 Python）。脚本按需拉取 numpy 和完整的 ffmpeg（imageio-ffmpeg）；不会在系统范围内安装任何内容。
Remotion，由技能添加到你的项目中。Remotion 有自己的许可证：对个人和小团队免费，大型公司需要公司许可证。参见 remotion.dev/license。
你有权使用的音乐。

许可证

MIT，适用于技能本身的文本和代码。参见 LICENSE。