Leihyn/claude-demo-video-skill

claude-demo-video-skill 是做什么的？

使用 Remotion 创建黑客马拉松/产品演示视频。处理视频结构、场景创建、屏幕录制、旁白生成和最终渲染。用于为任何项目构建演示视频、讲解视频或推介视频。

概述

该技能自动化了使用 Remotion 创建演示视频的完整流程。它包含三个主要阶段：

1. 规划 - 定义视频结构（章节、场景、时间线）
2. 制作 - 录制屏幕、生成旁白、创建字幕
3. 渲染 - 使用 Remotion 的 React 组件生成最终 MP4 文件

先决条件

• Node.js 18+ 和 npm/yarn
• Remotion 项目初始化（npx create-video）
• 屏幕录制工具（macOS 的 QuickTime Player 或跨平台的 OBS Studio）
• 文本转语音服务 API 密钥（可选）：
  • ELEVENLABS_API_KEY（推荐，高质量语音）
  • OPENAI_API_KEY（备选）

用法

与 AI 代理一起使用

claude "为我的 todo-app 项目创建一个演示视频"

直接使用

# 设置环境变量
export ELEVENLABS_API_KEY="your-key"

# 运行主脚本
python claude_demo_video.py --project "Todo App" --output ./output/video.mp4

工作流

1. 分析项目 (可选) - 扫描项目 README 和代码以提取关键特性
2. 定义结构 - 创建包含章节和场景的视频剧本
3. 录制素材 - 使用本地工具捕获屏幕录制
4. 生成旁白 - 基于场景脚本合成语音
5. 编写 Remotion 组件 - 为每个场景创建 React 组件
6. 渲染 - 使用 npx remotion render 生成最终视频

自定义

修改 video-structure.json 文件以调整：

• 章节顺序和时长
• 场景过渡效果
• 文本样式和定位
• 音频音量级别

输出

最终输出是一个位于 out/ 目录下的 MP4 文件（默认名称：demo-video.mp4）。

限制

• 屏幕录制需要本地工具，不支持远程录制
• 语音质量取决于所使用的 TTS 提供程序
• Remotion 渲染在首次运行时可能需要下载依赖项

许可

MIT