Claude Code 技能 skill-video-studio 发布 v1.0.1：用 Playwright、HyperFrames 和 FFmpeg 制作产品演示视频

从产品工作流到精美演示。

v1.0.1 版本发布 · aaitor/skill-video-studio

一个由 /devrel-video Claude Code 技能驱动的本地视频制作工作区。使用 Playwright CLI 捕获真实的产品交互，用 HyperFrames 合成标题卡、章节和 CTA，然后用 FFmpeg 进行母版处理并检查结果。从无声演示开始；需要时再添加旁白、音乐、字幕或你自己的出镜素材。

演示

一次真实的 Claude Code 会话，使用已安装的项目技能：克隆工作室，准备一份 Acme 演示简报，并在黑色背景上检查三段式方案。这个简短演示在捕获和渲染之前就停止了；它并不声称已生成视频。录制指南包含实际生成的简报和复现命令。

快速开始

用于规划：Git 和已认证的 Claude Code。克隆完整工作区，使其原生技能和项目布局保持在一起：

git clone https://github.com/aaitor/skill-video-studio.git
cd skill-video-studio
claude

向 Claude 提问：

/devrel-video Prepare a 25-second silent walkthrough brief for the bundled
Acme app: show the workspace, filter by category, then open a project.
Reuse brands/acme. Show the plan before capture or rendering.

预期结果：一份项目简报和一份具体的节拍方案。要制作完整视频，请安装捕获/渲染前置依赖并按照完整演练操作。制作栈需要 Node.js 22+、FFmpeg/ffprobe、Chromium 以及各辅助工具专用的 Python 依赖。可选的旁白和虚拟形象需要你自己的额外服务或 GPU 环境。

功能

真实产品捕获：带有明确节拍和稳定选择器的浏览器交互脚本。
品牌化合成：在 HyperFrames 时间线中制作标题、浏览器边框、章节和 CTA。
本地母版处理与质量检查：母版/网络副本、ffprobe 检查、缩略图拼版和缩略图。
可选音频：六种本地音乐风格、由旁白驱动的时序以及多种语音变体。
可选呈现：字幕、私有的自带出镜素材，以及终端/浏览器序列。
基于源文件的工作流：可复用的品牌、简报、模板和两个完整的示例。

竖屏/社交输出配置仍在路线图中。完整的捕获/渲染取决于你的本地工具链；离线 CI 检查源文件和选定的本地工具，而非完整的制作栈。参见工作流和使用方法。

示例视频

产品演示：一个本地 Acme 测试夹具、真实浏览器捕获、旁白/音乐以及英语/西班牙语字幕。源文件和命令 · 带声音观看。

合成的 CLI/浏览器影片：一个多环境示例，其终端场景是用 HTML 重新演绎的。源文件和说明 · 带声音观看。

较长的示例保持完整。生成的 MP4/音频文件已被忽略；请从包含的源文件重新构建它们。参见使用提示了解无声、旁白、虚拟形象、语音替换和多环境请求。

配置

每个视频使用 projects/<slug>/brief.yaml，品牌令牌位于 brands/<name>/ 下，生成的输出位于其项目文件夹下。可选的私有设置存放在 Git 之外，由 DEVREL_VIDEO_ENV 选择。

设置	用途
`brief.yaml`	产品 URL、受众、信息、节拍、品牌、时长和可选图层
`ORPHEUS_URL` / `ORPHEUS_KEY`	你可选的旁白端点和令牌
`AVATAR_HOST` / `LS_DIR`	你可选的 SSH GPU 主机和 LatentSync 检出
`BGM_STYLE`	本地背景音乐风格；默认 `corporate`

参见配置、实际简报模板以及安全/隐私指南。请将私人素材和凭据保留在此公共仓库之外。

工作原理

简报 → 探索 → 品牌 → 采集 → 合成 → 可选图层 → 渲染/QA → 缩略图。技能负责协调现有工具，而非取代它们。详细制作步骤见工作流指南和制作说明。

仓库结构

.claude/skills/devrel-video/  Skill instructions, scripts, templates, production notes
brands/                     Brand tokens and logos
projects/                   Curated public examples; private projects stay ignored
examples/                   Real harness recording, public input, generated brief
assets/                     Shared banner, social card, and short terminal GIF
docs/                       Onboarding, usage, configuration, troubleshooting

文档

贡献与支持

如有问题、缺陷和想法，请使用Issues。请阅读CONTRIBUTING.md和CODE_OF_CONDUCT.md；请通过SECURITY.md私下报告漏洞。

在虚拟环境中安装 requirements-dev.txt 并运行 python3 scripts/check.py。变更内容见CHANGELOG.md。实时录制、服务调用、GPU 任务和完整渲染均为手动验证步骤。

许可证

原创工作室内容采用MIT许可。内嵌横幅字体保留其OFL 声明；外部工具/模型/媒体保留其各自条款。参见许可说明。

由Aitor Argomaniz构建 · LinkedIn · 更多开源项目