SimonTalk 作品封面墙，包含实拍背景的调查长片封面和米白手绘风的白板讲解封面。
项目截图关于这个 Skill
whiteboard-video 是 Simon Skills 中的手绘讲解流程。它将查证后的旁白写成 rough.js 场景，用 Playwright 在 Chromium 中逐笔渲染，再由 FFmpeg 合成视频与字幕。作者主要用于两分钟左右的横屏短片，结合贴纸或官方 Logo、可配置品牌，以及横竖两种封面。
为什么推荐
这套流程提供实际的场景 DSL 与本地渲染 CLI。旁白、画面元素和封面写在每一期的 scenes.js 中，共用配置控制笔画、字幕、音色与品牌。适合需要持续制作、并保留图解和文案可修改性的讲解内容。
适合用来做什么
- 适合让图解随旁白逐步出现的短篇知识讲解。
- 结合手写文字、箭头、生图贴纸与产品 Logo 制作内容的创作者。
- 通过可编辑场景数据与共用品牌配置持续制作节目的团队。
从旁白到可编辑场景
先写旁白并核实内容，再设计画面。每一期的 scenes.js 定义讲解段落、视觉元素与封面布局；共用配置处理品牌、字幕位置、笔画时间和音频参数。整片渲染前，先通过静帧检查重叠以及字幕、水印预留区。
CLI 生成带逐字时间戳的语音、渲染笔画、合成视频，并准备字幕、两张封面与发布文案。场景还可导出 Excalidraw 文件，用于兼容的编辑流程。Skill 负责准备交付材料，不会自动向社交平台发帖。
安装制作 Skill 与公共模块
克隆仓库后，在仓库根目录执行软链命令。保留仓库位置，避免软链失效。video-common 必须与制作 Skill 平级安装，才能解析 ../video-common/ 引用。下方安装根目录来自 SkillHey 共用 Agent 目录表。
| 命令 | 用途与使用时机 |
|---|---|
git clone https://github.com/trustfuture/simon-skills.git
cd simon-skills | 下载完整仓库并进入根目录。 |
mkdir -p ~/.claude/skills
for s in whiteboard-video video-common; do
ln -sfn "$PWD/skills/$s" ~/.claude/skills/$s
done | Claude Code：安装两个平级目录。最终入口：~/.claude/skills/whiteboard-video/SKILL.md。 |
mkdir -p ~/.agents/skills
for s in whiteboard-video video-common; do
ln -sfn "$PWD/skills/$s" ~/.agents/skills/$s
done | Codex CLI：安装两个平级目录。最终入口：~/.agents/skills/whiteboard-video/SKILL.md。 |
配置渲染器并检查第一期
在 skills/whiteboard-video 中安装依赖，并按示例配置 .env。通过 config.json 设置品牌、配音、字幕与目录。README 提供完整示例供本地环境检查；贴纸和 TTS 使用你配置的服务。
| 命令 | 用途与使用时机 |
|---|---|
cd skills/whiteboard-video
npm install
cp .env.example .env | 在克隆的仓库中安装渲染依赖，并创建本地 TTS 配置文件。 |
bin/wb new "My first explainer"
bin/wb stills "My first explainer"
bin/wb build "My first explainer" | 创建一期，编辑 scenes.js，检查静帧后再使用已配置的服务生成成片。 |
第一次可以这样提需求
使用 whiteboard-video，解释为什么个人计划在第一周后容易中断。时长约两分钟，使用我们的品牌与平实口吻，为事实判断记录来源，渲染前先展示场景静帧。交付视频、字幕、横竖封面与发布文案。
作者示例、品牌与许可
画廊第一张使用指定的 hero-wall.jpg 封面墙，第二张保留作者封面示例，第三张为本次提供的该流程九宫格封面截图。展示图已缩放为 WebP 并保留原品牌，新工程可配置自己的品牌。
代码和文档采用仓库的 MIT 许可。README 另列字体与第三方材料的条款，作者已发布作品集用于展示。制作自己的节目时，保留所需许可声明并使用合适的素材。
使用前需要了解
- 需要可读写本地文件、执行命令的编程 Agent。作者明确支持 Claude Code 与 Codex；仅在网页中聊天无法运行这套制作流程。
- 两个制作 Skill 都需要平级的 video-common 模块，以及配置好的火山引擎 TTS 账号。AI 服务、语音合成与素材按各自价格和条款使用。
- 需要 Node.js 20.12+、FFmpeg 与 Playwright Chromium。可选的贴纸生图环节使用 Codex CLI，需要登录及相应额度。
- 作者在 macOS 上实测；Linux 被描述为应可运行，但 wb open 命令需要适配。配乐需自行提供，也可以渲染不带配乐的成片。
支持的 Agent
常见问题
会自动发布成片吗？
上游流程交付成片与发布材料。由你审阅后决定发布平台与时间。
video-common 可以不装吗？
两个制作 Skill 都通过平级路径引用其文件，需要与制作 Skill 一起安装，并保留仓库位置。
资料与来源
原始资料见下方链接；文中的上手建议由 SkillHey 编辑整理。
