video-shotcraft：把网页丢给 AI，它还你一支电影感宣传片
一句话说清：你给它一个前端项目或网址，它输出一支带运镜、卡点、音效的产品宣传片。 不是截图拼幻灯片的"视频"，是有镜头语言的真片子。
官方演示效果：
我自己做的效果：
它为什么值得用
市面上"AI 做视频"要么文生视频（不可控、UI 细节全是糊的），要么模板套壳（一眼模板）。video-shotcraft 走第三条路：教 AI 用 Remotion 写代码做动效。所以：
- 产品界面是真实页面截图，不是 AI 画的假 UI
- 每帧都是代码算的，可复现、可微调，改一个镜头的缓动曲线重渲就行
- 视觉语言从产品自身生长：自动提取你网站的字号、间距、圆角、配色 tokens，全片复用，不会出现"宣传片皮肤"违和感
一句话：AI 不需要懂审美，它只需要照着经验库执行。
核心资产
| 内容 | 规模 |
|---|---|
| 镜头配方卡 | 104 张（转场/入场/文字/运镜/数据/开场/收尾等 10 类） |
| 动态样片 | 161 条，在线画廊可看动图挑镜头 |
| 已验收成片模板 | Ink Press，36.2s / 1080p / 10 镜，开箱可渲 |
| 音频资产 | 5 首 BGM + 149 个音效（16 类） |
| 可复用组件 | 2.5D 页面相机、字幕、闪切、数字滚动等 |
每张镜头卡不只是描述，而是踩过坑的施工图：参数表（缓动、帧数、节拍公式）+ 已知坑（“预备拍幅度 4px 无感，放大 12 倍到 48px 才通过”）。
在线挑镜头：video-shotcraft — AI Video Skill for Claude Code & Codex | Cinematic Product Videos with Remotion
三种模式
- 直接用模板 —— 最快出片，AI 替换你的截图文案，复现同等质感
- 自主自由创作 —— 授权 AI 全权决定风格分镜，连续推进不打扰你
- 共同创作 —— AI 给方案，你确认方向后它再执行，适合有明确想法的人
不想做整片也可以单抽一张卡：直接说"参考 spotlight-hero-card 给这个页面做个特写镜头"。
使用方式
激活 skill 后直接说：
用 video-shotcraft 给我的桌面产品做一支宣传片。
用 Ink Press 模板给我的产品做宣传片。
用 deck-deal-flyin 和 row-embed 两张镜头卡展示这个功能。
模板工程可独立运行：npm install && npx remotion render src/index.ts AiflPromo out/promo.mp4
两个注意点：商用前确认 Remotion 许可证（个人/小团队免费）；对外发布前替换演示素材并脱敏数据。