程序员、独立开发者、SaaS 产品创业者普遍有一个巨大痛点开发完网站、小程序、AI 工具后需要产品演示宣传片、B 站 / 视频号宣传短片但 AE、PR 剪辑学习成本极高专门外包拍摄又价格昂贵。2026 年 7 月全新开源项目video-shotcraft完美解决该问题它是一套面向 Claude Code、OpenAI Codex 两大主流 AI 编程 Agent 的专用技能包Skill基于 Remotion 代码化视频引擎构建内置标准化镜头库、完整分镜方法论、成套音效与模板不用学习剪辑软件只需要自然语言描述产品AI 自动完成分镜设计、2.5D 运镜动画、卡点转场、配乐音效、MP4 渲染全流程。本文基于 GitHub 官方完整仓库文档拆解项目定位、核心资产、全量安装步骤、多类落地使用场景、命令实战、无头服务器渲染排坑、优缺点客观分析小白程序员看完即可直接生成专业产品宣传视频。一、项目核心定位与底层原理1.1 基础定义video-shotcraft不是 AI 文生视频模型区别 Sora、Runway而是AI 编程 Agent 专用影视制作标准化技能库。 核心逻辑将所有宣传片制作流程、镜头运镜规范、音效节奏沉淀为可被 LLM 读取的标准化文档Shot 镜头配方卡Claude/Codex 读取技能规则后自动生成 Remotion TSX 视频代码基于无头 Chromium 逐帧渲染、FFmpeg 合成标准 MP4。 一句话概括让你手里的代码 AI 变身专业影视动画工作室只用自然语言产出程序员风格产品短片。1.2 底层技术栈视频渲染内核RemotionReact 代码写视频工业级渲染方案适配 AgentClaude Code、OpenAI CodexCLI/IDE 双端兼容开发语言TypeScript 为主配套 JS、HTML、Shell 脚本音频资产149 款商用免费 SFX、5 套 BGM16 大类场景音效开源协议Apache 2.0个人 / 企业商用无版权限制运行环境Node 22、FFmpeg、无头 Chromium1.3 核心优势区别普通 AI 视频工具完全贴合程序员产品原生支持网页 / 桌面软件截图 2.5D 运镜自动抓取界面元素做动画不会出现虚假 AI 生成界面标准化镜头体系104 套经过大厂产品片验证的镜头配方复刻 Notion、Figma、Raycast、Loom 官方宣传片运镜逻辑音频自动化卡点所有转场、放大、数据动画自动匹配对应音效无需手动对齐时间轴全代码化工程生成的 Remotion 源码可二次自由修改迭代不存在加密工程文件深度集成 VibeCoding 工作流写完项目直接交给 Agent 生成配套宣传视频一套工具完成「开发 宣发」支持 CI / 无头 Linux 服务器批量渲染可接入自动化发布流水线。二、仓库完整核心资产一览打开仓库即可看到全套可复用生产资源也是这套工具价值核心资源类别详细规格与作用104 张镜头配方卡10 大类功能镜头每张包含适用场景、运镜时长、缓动参数、避坑要点覆盖产品开场、功能特写、数据增长、文字标题、网格展示、收尾 LOGO 等161 套动态预览样片在线 Gallery 可预览支持筛选标签复制镜头名称直接给 AI 调用完整 Ink Press 成片模板36.2s 标准产品宣传片10 个标准化镜头1080P 30 帧开箱即用替换产品截图即可成片Remotion 组件库2.5D 页面摄像机、文字打字动画、数字滚动、闪光转场、分屏布局、字幕组件音频资源库5 套背景 BGM149 个音效分为镜头冲击、相机移动、UI 交互、纸张、科技数据流等 16 分类标准化生产文档分镜流程、视觉 QA 规范、音乐卡点方法论、声音设计完整手册配套脚本网页截图自动采集脚本、批量渲染脚本、素材清理脚本仓库目录结构精简说明video-shotcraft/ ├── SKILL.md # Agent读取核心规则安装后自动识别能力 ├── references/ 镜头、分镜、音频规范全套文档 ├── demos/ 全部镜头Remotion可运行Demo代码 ├── template/ Ink Press完整成品模板 ├── gallery/ 在线预览静态资源 ├── assets/ BGM、SFX音效、通用UI组件 ├── agents/ Claude/Codex适配插件配置 └── .claude-plugin Claude自动识别插件清单三、三套安装部署完整教程3 种方式任选方式 1最简一键安装Agent 内直接执行新手首选打开 Claude Code / Codex CLI直接发送这条指令AI 自动完成克隆、软链接注册Install this skill for me: https://github.com/Vincentwei1021/video-shotcraft等待执行完成Agent 自动注册技能无需手动操作任何文件。方式 2npx skills 命令行标准化安装npx skills add Vincentwei1021/video-shotcraft方式 3手动 Git 克隆软链接部署进阶运维、离线环境# 1. 克隆仓库 git clone https://github.com/Vincentwei1021/video-shotcraft cd video-shotcraft # 2. 适配Claude Code ln -s $(pwd) ~/.claude/skills/video-shotcraft # 3. 适配OpenAI Codex ln -s $(pwd) ~/.codex/skills/video-shotcraft软链接完成后重启 Agent 终端 / IDE 插件技能自动加载生效。四、实战调用语法3 类标准提示词模板直接复制使用模板 1快速套用成品模板零思考最快出片适合新手直接使用官方 36 秒成熟 Ink Press 模板替换你的产品素材使用video-shotcraft的Ink Press模板为我开发的uniapp记账小程序生成36秒产品宣传片使用软件首页、收支统计页面截图作为画面整体风格简约商务配乐选用轻柔科技BGM转场使用淡入平滑效果。模板 2自定义指定镜头组合精细化定制短片需要控制画面节奏、特定展示功能时使用支持指定多张镜头卡组合调用video-shotcraft制作25秒工具宣传短片开场使用spotlight-hero-card镜头展示产品LOGO中间使用row-embed分栏展示三大核心功能结尾使用logo片尾音效全部匹配UI交互轻响不使用剧烈冲击音效。模板 3完全自由自定义长片产品完整发布会视频不指定镜头AI 自动根据产品描述自主规划完整分镜plaintext基于video-shotcraft全套镜头库为我的本地API调试工具制作60秒B站宣传视频分三段开场介绍产品定位、中间演示批量接口测试功能、结尾引导下载数据图表使用数字滚动动画全程2.5D缓慢推拉运镜配乐节奏平缓。五、五大落地使用场景程序员 / 创业者全覆盖场景 1个人副业 SaaS、小程序配套宣传短片最高频绝大多数 VibeCoding 开发者做完网页、小程序后无宣传素材安装该技能后直接让 Codex 读取项目目录截图自动生成 30 秒短视频投放视频号、小红书、B 站不用外包剪辑。 适配短片时长2040 秒直接复用 Ink 模板快速产出。场景 2开源项目 GitHub 主页演示视频开源仓库 README 需要演示动画用工具生成轻量演示 MP4嵌入仓库首页提升 Star 数量无需额外剪辑软件。场景 3技术自媒体科普演示短片做编程、AI 工具科普博主快速生成代码界面、工具操作动态演示搭配打字动画、数据流镜头产出高质量短视频内容。场景 4企业内部工具、后台系统发布会短片内部管理系统、运维平台上线宣讲视频界面截图自动动画风格稳重商务无花哨特效。场景 5自动化 CI 流水线批量渲染支持无头 Linux 服务器部署接入项目发布流程版本更新自动生成新版宣传短片用于官网轮播素材。六、无头 Linux 服务器渲染避坑指南生产运维必备很多开发者部署云服务器批量渲染会出现报错官方文档明确 3 个核心解决方案并发限制报错报错Maximum for --concurrency is 2 解决执行渲染命令追加参数--concurrency1单核云服务器只能单帧渲染。系统 Chrome 废弃旧无头模式渲染黑屏 解决放弃系统 Chrome单独安装 chrome-headless-shell 二进制包渲染时指定程序路径。CDN 资源无法下载素材缺失 解决本地下载静态资源渲染时通过--browser-executable指定本地浏览器程序切断外网 CDN 依赖。完整无坑渲染示例命令npx remotion render template/index.tsx output.mp4 --concurrency1 --browser-executable/本地chrome-shell路径七、项目优缺点客观测评7.1 核心优势深度打通 Claude Code、Codex 主流 VibeCoding 工具一套工作流「写代码→做宣传片」镜头库复刻一线大厂产品片审美运镜、节奏专业度远超普通 AI 生成短视频 3 音频资源商用免费无需额外购买音效版权降低自媒体成本代码化视频工程可无限次二次修改迭代不存在渲染后无法调整Apache2.0 完全开源无水印、无渲染次数收费支持本地离线渲染素材不上传第三方云端产品界面隐私安全。7.2 短板局限仅适配软件 / 数字化产品宣传片不适合真人、实景类视频制作依赖 Node、FFmpeg 环境纯小白无编程基础部署门槛较高超长 3 分钟以上大片渲染速度较慢低配电脑耗时久不支持真人语音自动生成旁白需搭配 MiniMax 等 TTS 工具单独合成镜头库偏向欧美简约商务风格国风、炫酷赛博类镜头较少。八、和同类 AI 视频工具横向区分| 工具 | 核心定位 | 适配人群 | 短板 | | ---- | ---- | ---- | | video-shotcraft | Remotion 镜头技能包专为代码 Agent 设计 | 程序员、SaaS 创业者、VibeCoding 玩家 | 仅软件产品需 Node 环境 | | Sora / Veo | 通用文生视频画面 AI 生成 | 全品类创作者 | 界面容易失真无法精准还原自有产品 | | 普通 Remotion 模板 | 基础视频代码无标准化镜头库 | 前端动画开发者 | 需要自行设计分镜、搭配音效工作量大 | | 剪映 AI | 可视化剪辑模板通用 | 短视频普通人 | 无法精准导入本地软件界面做 2.5D 运镜 |九、完整落地工作流标准 VibeCoding 配套流程使用 Trae / Cursor DeepSeek / Codex 开发网页 / 小程序产品截取产品核心功能界面截图保存本地安装 video-shotcraft 技能包至对应 Agent发送产品 镜头需求AI 自动生成完整 Remotion 视频工程本地 / 无头服务器一键渲染 MP4 6 视频投放 B 站、公众号、小红书、GitHub 仓库。十、全文总结video-shotcraft填补了程序员生态的空白传统 AI 视频工具无法精准还原自研软件界面专业剪辑软件学习成本极高而这套开源技能包依托 Claude/Codex把产品宣传片全部标准化、代码化。对于副业开发者、开源作者、技术自媒体只需要在现有 VibeCoding 工具基础上安装一套技能就能一站式完成产品开发 宣传视频产出无需额外学习剪辑、购买音效素材。 如果你的业务以网页、AI 工具、小程序等数字化产品为主这套开源项目是零成本产出专业宣传短片的最优方案纯实景、真人视频需求则不推荐使用。
video-shotcraft：给 Claude/Codex 装上专业影视视频生成能力，程序员零剪辑做产品宣传片
程序员、独立开发者、SaaS 产品创业者普遍有一个巨大痛点开发完网站、小程序、AI 工具后需要产品演示宣传片、B 站 / 视频号宣传短片但 AE、PR 剪辑学习成本极高专门外包拍摄又价格昂贵。2026 年 7 月全新开源项目video-shotcraft完美解决该问题它是一套面向 Claude Code、OpenAI Codex 两大主流 AI 编程 Agent 的专用技能包Skill基于 Remotion 代码化视频引擎构建内置标准化镜头库、完整分镜方法论、成套音效与模板不用学习剪辑软件只需要自然语言描述产品AI 自动完成分镜设计、2.5D 运镜动画、卡点转场、配乐音效、MP4 渲染全流程。本文基于 GitHub 官方完整仓库文档拆解项目定位、核心资产、全量安装步骤、多类落地使用场景、命令实战、无头服务器渲染排坑、优缺点客观分析小白程序员看完即可直接生成专业产品宣传视频。一、项目核心定位与底层原理1.1 基础定义video-shotcraft不是 AI 文生视频模型区别 Sora、Runway而是AI 编程 Agent 专用影视制作标准化技能库。 核心逻辑将所有宣传片制作流程、镜头运镜规范、音效节奏沉淀为可被 LLM 读取的标准化文档Shot 镜头配方卡Claude/Codex 读取技能规则后自动生成 Remotion TSX 视频代码基于无头 Chromium 逐帧渲染、FFmpeg 合成标准 MP4。 一句话概括让你手里的代码 AI 变身专业影视动画工作室只用自然语言产出程序员风格产品短片。1.2 底层技术栈视频渲染内核RemotionReact 代码写视频工业级渲染方案适配 AgentClaude Code、OpenAI CodexCLI/IDE 双端兼容开发语言TypeScript 为主配套 JS、HTML、Shell 脚本音频资产149 款商用免费 SFX、5 套 BGM16 大类场景音效开源协议Apache 2.0个人 / 企业商用无版权限制运行环境Node 22、FFmpeg、无头 Chromium1.3 核心优势区别普通 AI 视频工具完全贴合程序员产品原生支持网页 / 桌面软件截图 2.5D 运镜自动抓取界面元素做动画不会出现虚假 AI 生成界面标准化镜头体系104 套经过大厂产品片验证的镜头配方复刻 Notion、Figma、Raycast、Loom 官方宣传片运镜逻辑音频自动化卡点所有转场、放大、数据动画自动匹配对应音效无需手动对齐时间轴全代码化工程生成的 Remotion 源码可二次自由修改迭代不存在加密工程文件深度集成 VibeCoding 工作流写完项目直接交给 Agent 生成配套宣传视频一套工具完成「开发 宣发」支持 CI / 无头 Linux 服务器批量渲染可接入自动化发布流水线。二、仓库完整核心资产一览打开仓库即可看到全套可复用生产资源也是这套工具价值核心资源类别详细规格与作用104 张镜头配方卡10 大类功能镜头每张包含适用场景、运镜时长、缓动参数、避坑要点覆盖产品开场、功能特写、数据增长、文字标题、网格展示、收尾 LOGO 等161 套动态预览样片在线 Gallery 可预览支持筛选标签复制镜头名称直接给 AI 调用完整 Ink Press 成片模板36.2s 标准产品宣传片10 个标准化镜头1080P 30 帧开箱即用替换产品截图即可成片Remotion 组件库2.5D 页面摄像机、文字打字动画、数字滚动、闪光转场、分屏布局、字幕组件音频资源库5 套背景 BGM149 个音效分为镜头冲击、相机移动、UI 交互、纸张、科技数据流等 16 分类标准化生产文档分镜流程、视觉 QA 规范、音乐卡点方法论、声音设计完整手册配套脚本网页截图自动采集脚本、批量渲染脚本、素材清理脚本仓库目录结构精简说明video-shotcraft/ ├── SKILL.md # Agent读取核心规则安装后自动识别能力 ├── references/ 镜头、分镜、音频规范全套文档 ├── demos/ 全部镜头Remotion可运行Demo代码 ├── template/ Ink Press完整成品模板 ├── gallery/ 在线预览静态资源 ├── assets/ BGM、SFX音效、通用UI组件 ├── agents/ Claude/Codex适配插件配置 └── .claude-plugin Claude自动识别插件清单三、三套安装部署完整教程3 种方式任选方式 1最简一键安装Agent 内直接执行新手首选打开 Claude Code / Codex CLI直接发送这条指令AI 自动完成克隆、软链接注册Install this skill for me: https://github.com/Vincentwei1021/video-shotcraft等待执行完成Agent 自动注册技能无需手动操作任何文件。方式 2npx skills 命令行标准化安装npx skills add Vincentwei1021/video-shotcraft方式 3手动 Git 克隆软链接部署进阶运维、离线环境# 1. 克隆仓库 git clone https://github.com/Vincentwei1021/video-shotcraft cd video-shotcraft # 2. 适配Claude Code ln -s $(pwd) ~/.claude/skills/video-shotcraft # 3. 适配OpenAI Codex ln -s $(pwd) ~/.codex/skills/video-shotcraft软链接完成后重启 Agent 终端 / IDE 插件技能自动加载生效。四、实战调用语法3 类标准提示词模板直接复制使用模板 1快速套用成品模板零思考最快出片适合新手直接使用官方 36 秒成熟 Ink Press 模板替换你的产品素材使用video-shotcraft的Ink Press模板为我开发的uniapp记账小程序生成36秒产品宣传片使用软件首页、收支统计页面截图作为画面整体风格简约商务配乐选用轻柔科技BGM转场使用淡入平滑效果。模板 2自定义指定镜头组合精细化定制短片需要控制画面节奏、特定展示功能时使用支持指定多张镜头卡组合调用video-shotcraft制作25秒工具宣传短片开场使用spotlight-hero-card镜头展示产品LOGO中间使用row-embed分栏展示三大核心功能结尾使用logo片尾音效全部匹配UI交互轻响不使用剧烈冲击音效。模板 3完全自由自定义长片产品完整发布会视频不指定镜头AI 自动根据产品描述自主规划完整分镜plaintext基于video-shotcraft全套镜头库为我的本地API调试工具制作60秒B站宣传视频分三段开场介绍产品定位、中间演示批量接口测试功能、结尾引导下载数据图表使用数字滚动动画全程2.5D缓慢推拉运镜配乐节奏平缓。五、五大落地使用场景程序员 / 创业者全覆盖场景 1个人副业 SaaS、小程序配套宣传短片最高频绝大多数 VibeCoding 开发者做完网页、小程序后无宣传素材安装该技能后直接让 Codex 读取项目目录截图自动生成 30 秒短视频投放视频号、小红书、B 站不用外包剪辑。 适配短片时长2040 秒直接复用 Ink 模板快速产出。场景 2开源项目 GitHub 主页演示视频开源仓库 README 需要演示动画用工具生成轻量演示 MP4嵌入仓库首页提升 Star 数量无需额外剪辑软件。场景 3技术自媒体科普演示短片做编程、AI 工具科普博主快速生成代码界面、工具操作动态演示搭配打字动画、数据流镜头产出高质量短视频内容。场景 4企业内部工具、后台系统发布会短片内部管理系统、运维平台上线宣讲视频界面截图自动动画风格稳重商务无花哨特效。场景 5自动化 CI 流水线批量渲染支持无头 Linux 服务器部署接入项目发布流程版本更新自动生成新版宣传短片用于官网轮播素材。六、无头 Linux 服务器渲染避坑指南生产运维必备很多开发者部署云服务器批量渲染会出现报错官方文档明确 3 个核心解决方案并发限制报错报错Maximum for --concurrency is 2 解决执行渲染命令追加参数--concurrency1单核云服务器只能单帧渲染。系统 Chrome 废弃旧无头模式渲染黑屏 解决放弃系统 Chrome单独安装 chrome-headless-shell 二进制包渲染时指定程序路径。CDN 资源无法下载素材缺失 解决本地下载静态资源渲染时通过--browser-executable指定本地浏览器程序切断外网 CDN 依赖。完整无坑渲染示例命令npx remotion render template/index.tsx output.mp4 --concurrency1 --browser-executable/本地chrome-shell路径七、项目优缺点客观测评7.1 核心优势深度打通 Claude Code、Codex 主流 VibeCoding 工具一套工作流「写代码→做宣传片」镜头库复刻一线大厂产品片审美运镜、节奏专业度远超普通 AI 生成短视频 3 音频资源商用免费无需额外购买音效版权降低自媒体成本代码化视频工程可无限次二次修改迭代不存在渲染后无法调整Apache2.0 完全开源无水印、无渲染次数收费支持本地离线渲染素材不上传第三方云端产品界面隐私安全。7.2 短板局限仅适配软件 / 数字化产品宣传片不适合真人、实景类视频制作依赖 Node、FFmpeg 环境纯小白无编程基础部署门槛较高超长 3 分钟以上大片渲染速度较慢低配电脑耗时久不支持真人语音自动生成旁白需搭配 MiniMax 等 TTS 工具单独合成镜头库偏向欧美简约商务风格国风、炫酷赛博类镜头较少。八、和同类 AI 视频工具横向区分| 工具 | 核心定位 | 适配人群 | 短板 | | ---- | ---- | ---- | | video-shotcraft | Remotion 镜头技能包专为代码 Agent 设计 | 程序员、SaaS 创业者、VibeCoding 玩家 | 仅软件产品需 Node 环境 | | Sora / Veo | 通用文生视频画面 AI 生成 | 全品类创作者 | 界面容易失真无法精准还原自有产品 | | 普通 Remotion 模板 | 基础视频代码无标准化镜头库 | 前端动画开发者 | 需要自行设计分镜、搭配音效工作量大 | | 剪映 AI | 可视化剪辑模板通用 | 短视频普通人 | 无法精准导入本地软件界面做 2.5D 运镜 |九、完整落地工作流标准 VibeCoding 配套流程使用 Trae / Cursor DeepSeek / Codex 开发网页 / 小程序产品截取产品核心功能界面截图保存本地安装 video-shotcraft 技能包至对应 Agent发送产品 镜头需求AI 自动生成完整 Remotion 视频工程本地 / 无头服务器一键渲染 MP4 6 视频投放 B 站、公众号、小红书、GitHub 仓库。十、全文总结video-shotcraft填补了程序员生态的空白传统 AI 视频工具无法精准还原自研软件界面专业剪辑软件学习成本极高而这套开源技能包依托 Claude/Codex把产品宣传片全部标准化、代码化。对于副业开发者、开源作者、技术自媒体只需要在现有 VibeCoding 工具基础上安装一套技能就能一站式完成产品开发 宣传视频产出无需额外学习剪辑、购买音效素材。 如果你的业务以网页、AI 工具、小程序等数字化产品为主这套开源项目是零成本产出专业宣传短片的最优方案纯实景、真人视频需求则不推荐使用。
