product-film-skill Skill 技能

技能简介

product-film-skill 是一款用 Claude Code 制作发布级产品宣传视频的技能。它使用 Remotion 动画引擎，根据你产品的真实设计系统（设计规则文件、Token、组件、Logo 和品牌语调）来构建视频。视频看起来就像你的产品自己做的，而不是一个通用模板。

核心能力

1. 品牌感知构建：技能首先学习你的设计规则、Token、组件、Logo 和真实官网内容，然后将所有信息写入 videos/BRAND.md，以此为依据撰写脚本和构建场景。
2. 结构化简报访谈：通过 7 个问题了解视频播放场景、时长、音乐和要展示的功能，每个选项都使用你真实的功能和组件名称。
3. 节拍级音乐剪辑：技能测量歌曲节拍网格，在小节线处剪辑音乐，在音效峰值处放置声效，实现音画完全同步。
4. 逐帧审片流程：构建阶段输出关键帧静帧、联contact sheet和半分辨率草稿，确认后才渲染最终成片。
5. 多格式交付：输出 240fps 主文件（含运动模糊）、静音循环版、带音乐版、WebM 版本和海报图，全部经过解码校验。

安装配置

1. Claude Code 插件市场（推荐）：运行 /plugin marketplace add Rieranthony/product-film-skill，然后 /plugin install product-film@product-film-skill。
2. 手动安装：git clone 后将 plugins/product-film/skills/product-film/ 目录复制到 ~/.claude/skills/（全局）或项目 .claude/skills/（项目级）。
3. 前置依赖：Node.js + Bun、Python + uv（通过 uv 安装 numpy 和 ffmpeg）、Remotion（技能会在构建时自动添加到项目）。

使用步骤

1. 启动技能：在产品代码库中向 Claude Code 描述需求，如"为此产品制作一段 45 秒的落地页视频，用这首歌作为背景音乐"。
2. 设计发现：技能快速浏览你的设计规则、Token、组件、Logo 和官网内容，构建对产品视觉和调性的完整认知。
3. 简报访谈：技能询问视频播放场景、时长、音乐、功能列表，以及可选的成分（Logo 动画、文字标语、转场风格、鼠标交互等）。
4. 品牌套件确认：你的回答和设计系统被写入 videos/BRAND.md 和分镜脚本，技能展示 3 个风格帧等待确认。
5. 构建与渲染：一个 Remotion composition 构建所有场景，逐帧渲染，最终交付多格式视频文件。

适用场景

1. 产品落地页 Hero 视频：访客到达产品页时的自动播放视频，25~60 秒展示核心价值主张。
2. 社交媒体发布视频：Twitter/X、LinkedIn、Instagram 等平台的产品发布公告视频。
3. 融资与 Demo Day 演示：给投资人展示的产品演示视频，体现团队对产品细节的把控力。
4. App Store / Google Play 商店视频：应用商店的产品预览视频，让用户在不安装应用的情况下直观了解产品。

适用人群

1. 独立开发者 / 创业团队：没有视频团队但需要为产品发布制作高质量宣传视频。
2. 设计驱动型公司：希望产品视频与品牌视觉系统完全一致，而非使用通用模板。
3. 增长与市场团队：需要快速产出多版本产品视频（A/B 测试不同音乐、不同时长）。
4. AI + 设计爱好者：对 AI 辅助视频制作感兴趣，希望探索 Claude Code + Remotion 的自动化可能性。

工作原理

product-film-skill 将视频表达为一个 Remotion composition，每一帧都是时间的纯函数。技能首先通过设计发现流程收集产品视觉元素，然后根据简报访谈结果撰写分镜脚本。音乐节拍分析使用 numpy 计算 FFT 频谱确定节拍网格，剪辑点在最近的小节线处。渲染时通过 ffmpeg 的 ProRes 编码器输出高帧率母版，再转码为多格式交付件。

官方链接

• GitHub：https://github.com/Rieranthony/product-film-skill
• Remotion 官网：https://www.remotion.dev
• Claude Code：https://claude.com/claude-code