'skill-video-studio' 项目旨在解决软件开发中的一个常见痛点:创建和更新宣传演示视频所需的繁重手动工作。与其为每次发布手动录制屏幕,该项目引入了一种“基于源”的工作流。在这种模式下,Claude Code 技能充当编排者,协调一系列现有的本地工具,根据结构化的简报生成视频。这使得开发人员可以通过更新配置文件而非重新录制素材来维护最新的营销材料。

显示在 Claude Code 中安装和准备演示简报的终端窗口。
初始设置包括安装 Video Studio Skill 以及在 Claude Code 环境中准备基于 YAML 的简报。github.com

这张图片展示了工作流的起点,用户向 Claude Code 技能提供结构化的简报。

核心机制遵循多步骤流水线:简报(Brief)、探索(Explore)、品牌(Brand)、捕获(Capture)、合成(Compose)、可选层(Optional Layers)、渲染(Render)和质量保证(QA)。用户首先提供基于 YAML 的简报,定义产品 URL、目标受众和特定的“节奏”或场景。随后,Claude Code 技能生成具体的计划,触发 Playwright CLI 脚本使用稳定的选择器捕获真实的浏览器交互。这些捕获内容被输入到 HyperFrames 中,该工具用于合成标题卡、章节和行动呼吁(CTA)覆盖层。最后,该项目使用 FFmpeg 进行本地后期制作,包括生成联系表、缩略图以及可供网络使用的视频副本。

显示终端界面和浏览器窗口的分屏视频演示。
一个包含终端交互和基于浏览器的产品工作流的合成演示示例。github.com

此视觉效果展示了流水线的“合成”和“渲染”阶段,将不同的 UI 元素组合到单个演示中。

虽然该系统自动化了大部分生产过程,但它依赖于特定的本地工具链,并存在显著的实际限制。生产栈需要 Node.js 22+、FFmpeg、Chromium 以及各种 Python 依赖项。由于捕获是在本地执行的,用户负责硬件和软件环境。此外,虽然系统支持如旁白驱动的时间轴和六种本地音乐风格等可选层,但输出仍需要人工验证。例如,用户注意到音乐与旁白的自动同步有时会导致“赶进度”或时间偏移,因此在最终发布前需要人工介入检查。此外,当前的实现主要针对基于 Web 的产品进行了优化,因为它依赖 Playwright 进行浏览器交互。

这种方法将重点从手动视频编辑转向“提示工程”和配置。通过定义品牌令牌和项目标识,团队可以确保不同演示视频之间的一致性。然而,该项目目前专注于 Web 和终端环境;捕获原生桌面应用程序仍是基于 Playwright 架构的局限性。对于寻求自动化分发流程的团队,该工作室提供了一个框架,可以将产品的功能工作流转化为精美的品牌演示,且只需极少的人工干预。

一个虚构的 Acme 产品演示的高质量渲染视频。
一个完成的产品演示,展示了自动生产精美的品牌演示视频的过程。github.com

这是 skill-video-studio 流水线产生的最终输出的主要示例。