product-film-skill 是一个面向 Claude Code 的技能插件，用于在现有产品代码仓库中自动生成高质量产品宣传视频、落地页循环动画、发布视频或 Demo Reel。它会读取项目的设计规范、设计 token、真实组件、Logo、品牌语气和功能卖点，生成 videos/BRAND.md 品牌视频规范，然后基于 Remotion 构建视频场景、音乐节拍、转场、字幕、动效、预览帧和最终渲染产物。该项目本身不是一个独立视频编辑器，而是一个 Claude Code 工作流技能，适合已经有产品前端代码和品牌素材的团队使用。
适用领域
AI 辅助开发 / 产品营销视频 / 前端动效 / Remotion 视频生成 / 品牌设计系统 / 开发者工具 / Claude Code 插件 / 自动化内容生产
配置难度
中等偏高。对于熟悉 Claude Code、前端项目、Node/Bun 和 Remotion 的开发者，上手难度中等；但如果团队没有现成设计系统、组件化 UI 或本地构建环境不稳定，配置和调试成本会明显上升。非开发者单独使用难度较高。
商业价值
该项目的商业价值主要在于降低产品视频制作成本和缩短营销素材生产周期。对于 SaaS、开发者工具、AI 产品和早期创业团队，它可以把已有前端组件、品牌规范和功能卖点直接转成高质量宣传视频，减少设计、动效和剪辑之间的往返沟通。它特别适合频繁发布新功能、需要官网视频和社媒短视频的团队。不过，它更像是面向开发团队的自动化视频生产工作流，而不是面向市场人员的无代码工具；实际落地价值取决于团队是否已经使用 Claude Code，以及是否愿意把视频生产流程纳入代码仓库。
01
技术亮点
- 能基于真实产品组件和设计系统生成视频，而不是使用通用模板。
- 会先做 Discovery 和 Interview，理解品牌、功能、场景、音乐、转场和文案风格。
- 会生成 videos/BRAND.md，将品牌视频规范固化到仓库中，便于团队复用。
- 支持根据音乐节拍切分歌曲，在节拍点上安排转场和音效。
- 提供从风格帧、接触表、半分辨率草稿到最终渲染的完整审片流程。
- 最终可输出 240fps 带运动模糊的 master、静音循环版、带音乐版、WebM 和 poster。
- 内置 beat 检测、音频剪辑、静帧预览、渲染和验证脚本。
- MIT 许可，技能本身可自由使用和修改。
02
目标用户
- 需要快速制作产品宣传片的 SaaS / Web 产品团队
- 使用 Claude Code 进行日常开发的前端开发者
- 有设计系统、组件库、品牌规范的产品团队
- 希望把真实 UI 组件转成视频素材的开发者
- 需要为落地页、Product Hunt、发布会、社媒广告生成短视频的创业团队
- 熟悉 Node.js、Bun、Python、Remotion 工具链的技术用户
03
配置要求
- 需要 Claude Code 环境。
- 需要 Node.js。
- 需要 Bun。
- 需要 uv 用于 Python 依赖管理。
- 脚本会按需拉取 numpy 和 imageio-ffmpeg，不要求系统全局安装 ffmpeg。
- 需要项目能够引入或使用 Remotion；该技能会将 Remotion 加入目标项目。
- 需要注意 Remotion 的商业许可：个人和小团队可免费使用，大公司可能需要购买公司许可证。
- 需要拥有音乐素材的合法使用权。
- 最佳效果需要项目中已有设计规则、设计 token、组件、Logo、品牌素材和明确的产品功能描述。
- 如果要生成高质量视频，项目本地构建、组件渲染和静态资源路径需要可被 Claude Code / Remotion 正常访问。
04
适用场景
- 为产品官网生成 30-60 秒的落地页循环视频
- 为新功能发布制作带音乐和转场的 Launch Video
- 使用真实产品组件制作 Demo Reel，避免手工录屏和后期剪辑
- 根据品牌规范自动生成统一风格的宣传短片
- 为社交媒体、产品发布页、投资人演示或广告素材输出 WebM、带音乐版本、静音循环版本和封面图
- 在代码仓库内维护视频品牌规范 videos/BRAND.md，使视频生产流程可复用
05
部署与配置
- 确保已安装 Claude Code，因为该技能只能在 Claude Code 本地工具链中运行，不能在普通 Claude 聊天应用中使用。
- 在 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 提出需求，例如：Make a 45 second landing-page video for this product, with this song.
06
风险与注意事项
- 高度依赖 Claude Code，本身不适用于普通 Claude 网页聊天或其他 IDE。
- 生成质量取决于项目现有设计系统、组件质量、素材完整度和用户给出的需求描述。
- Remotion 许可与该项目 MIT 许可不同，商业团队需要额外确认 Remotion 授权。
- 音乐版权需要用户自行解决，否则生成的视频可能无法合法商用。
- 视频生成涉及 Node、Bun、Python、uv、Remotion、ffmpeg 等多工具链，对非技术人员不够友好。
- 自动分析品牌和产品卖点可能产生不准确的声明，需要人工审核营销文案和合规表述。
- 渲染高帧率视频可能消耗较多 CPU/GPU 和时间。
- 仓库 stars 较高但 forks 较少，仍需关注维护频率、Issue 响应和与 Claude Code 插件机制的兼容性变化。
2026-10-02
第29名
新收录 · github_search
