正在打开每日关注
正在打开每日关注
将真实产品页面、镜头配方、动效与声音设计串成可重复的宣传片生产流程。
挖到了一个做产品宣传片超级好用的 Codex Skill：video-shotcraft。 我用 drawDB 和 JSON Crack 实测了一遍。只需要确定产品和展示方向，Codex 就会继续分析页面、设计分镜、制作动画、匹配音乐和音效，最后渲染成片。 你现在看到的这支 52 秒视频，就是实际跑出来的结果。 它做的不是普通录屏，而是把真实产品界面重新组织成一支有运镜、有节奏、有视觉风格的宣传片。中途还会检查画面问题、修改代码并重新渲染。 最终交付了 1080p 带音乐版，以及只保留音效的无音乐版。 这个 Skill 不是我开发的，作者是 Vincentwei1021。独立开发者和开源项目可以试试。 项目地址： https://t.co/Kkffv835g4
是什么
video-shotcraft 是面向 Claude Code 与 Codex 的 Agent Skill：输入产品和展示方向后，串起真实页面采集、视觉方向、分镜、Remotion 动画、声音设计、渲染与 QA，产出电影感产品片。仓库元数据标为 TypeScript，提供 152 张镜头配方卡、209 个动效预览和可运行的 Ink Press 模板。
架构与核心设计
SKILL.md 是入口；references/ 管理 pipeline、shots、sequences、审美、节拍和音效规则；demos/ 放 TSX 动效实现，template/ 放完整成片，assets/ 管采集脚本与音频，Gallery 负责预览检索。核心是配方卡驱动的“真实页面 + Remotion + 2.5D 运镜 + 节拍剪辑 + SFX”，把功能叙事转成可复用镜头。
值得借鉴
它把镜头语言、工程实现和交付规格放在一个生产系统内；画面中的 Understand Frame、Animate、Sound、Render 也明确了先理解产品、再编排视听的顺序。实测还展示了代理检查画面、改代码、重渲染，并交付带音乐和仅音效版本。
坑与边界
它主要面向 Web/桌面产品宣传，不是通用剪辑器；截图、文案、品牌和敏感数据仍需人工替换与核验。README 提示低核 Linux 要降低 Remotion 并发、使用 chrome-headless-shell，CDN 受限时需指定本地浏览器；Remotion 与音频素材也要分别核查许可证。