Whiteboard Video
trustfuture/simon-skills
手绘白板风"边画边讲"讲解视频出片 skill（Excalidraw 风格逐笔动画 + 火山引擎配音 + 烧录字幕 + 品牌水印与片尾卡 + 横竖两张封面 + 各平台发布文案）。当用户说"做一期白板视频 / 边画边讲 / 手绘讲解视频 / 用 excalidraw 做视频 / whiteboard video"，或要在本仓库里新建一期、改场景、换贴纸或真实…
手绘白板风"边画边讲"讲解视频出片 skill（Excalidraw 逐笔动画 + 火山/小米/edge-tts 配音 + 烧录字幕并逐段跟读高亮 + 品牌水印与片尾卡 + 三张封面 4:3 / 3:4 / 9:16 + 各平台发布文案：视频号 / 小红书 / 抖音 / B 站 /…
Install Whiteboard Video Factory
$ npx skills add wwwzhouhui/skills_collection --skill whiteboard-video-factory -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install wwwzhouhui/skills_collection whiteboard-video-factory --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/wwwzhouhui/skills_collection.git skills-src && mkdir -p .claude/skills && cp -r skills-src/whiteboard-video-factory .claude/skills/whiteboard-video-factory && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "whiteboard-video-factory" agent skill from https://github.com/wwwzhouhui/skills_collection/tree/main/whiteboard-video-factory into .claude/skills/whiteboard-video-factory/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "whiteboard-video-factory", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/wwwzhouhui/skills_collection/tree/main/whiteboard-video-factoryType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add wwwzhouhui/skills_collection --skill whiteboard-video-factory -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install wwwzhouhui/skills_collection whiteboard-video-factory --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/wwwzhouhui/skills_collection.git skills-src && mkdir -p .agents/skills && cp -r skills-src/whiteboard-video-factory .agents/skills/whiteboard-video-factory && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "whiteboard-video-factory" agent skill from https://github.com/wwwzhouhui/skills_collection/tree/main/whiteboard-video-factory into .agents/skills/whiteboard-video-factory/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "whiteboard-video-factory", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add wwwzhouhui/skills_collection --skill whiteboard-video-factory -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install wwwzhouhui/skills_collection whiteboard-video-factory --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/wwwzhouhui/skills_collection.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/whiteboard-video-factory .cursor/skills/whiteboard-video-factory && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "whiteboard-video-factory" agent skill from https://github.com/wwwzhouhui/skills_collection/tree/main/whiteboard-video-factory into .cursor/skills/whiteboard-video-factory/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "whiteboard-video-factory", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/wwwzhouhui/skills_collection.git --path whiteboard-video-factory--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add wwwzhouhui/skills_collection --skill whiteboard-video-factory -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install wwwzhouhui/skills_collection whiteboard-video-factory --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/wwwzhouhui/skills_collection.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/whiteboard-video-factory .gemini/skills/whiteboard-video-factory && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "whiteboard-video-factory" agent skill from https://github.com/wwwzhouhui/skills_collection/tree/main/whiteboard-video-factory into .gemini/skills/whiteboard-video-factory/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "whiteboard-video-factory", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install wwwzhouhui/skills_collection whiteboard-video-factoryInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add wwwzhouhui/skills_collection --skill whiteboard-video-factory -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/wwwzhouhui/skills_collection.git skills-src && mkdir -p .github/skills && cp -r skills-src/whiteboard-video-factory .github/skills/whiteboard-video-factory && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "whiteboard-video-factory" agent skill from https://github.com/wwwzhouhui/skills_collection/tree/main/whiteboard-video-factory into .github/skills/whiteboard-video-factory/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "whiteboard-video-factory", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add wwwzhouhui/skills_collection --skill whiteboard-video-factory -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install wwwzhouhui/skills_collection whiteboard-video-factory --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/wwwzhouhui/skills_collection.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/whiteboard-video-factory .opencode/skills/whiteboard-video-factory && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "whiteboard-video-factory" agent skill from https://github.com/wwwzhouhui/skills_collection/tree/main/whiteboard-video-factory into .opencode/skills/whiteboard-video-factory/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "whiteboard-video-factory", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
whiteboard-video-factory- GitHub stars
- 283
- Token cost
- ~4.9k tokens
- SKILL.md length
- 1,491 words
- Files
- 51 (incl. references, assets)
- Skills in repo
- 25
- Repo updated
- First seen
- Licence
- None found
At a glance
手绘白板风"边画边讲"讲解视频出片 skill（Excalidraw 逐笔动画 + 火山/小米/edge-tts 配音 + 烧录字幕并逐段跟读高亮 + 品牌水印与片尾卡 + 三张封面 4:3 / 3:4 / 9:16 + 各平台发布文案：视频号 / 小红书 / 抖音 / B 站 /…
- Works in 7 steps: 立题与查证 → 写旁白（scenes.js） → 出 Logo 与贴纸 → …
- Tasks that involve Text to speech and voice
- SKILL.md covers 硬规矩, 命令, 一期的流程 and 做长片（>5 分钟）, plus 3 more sections
- Runs JavaScript scripts from its folder; calls node, ffmpeg and npm; needs MI_TTS_API_KEY
What it does
Whiteboard Video Factory is an agent skill from wwwzhouhui/skills_collection. 手绘白板风"边画边讲"讲解视频出片 skill（Excalidraw 逐笔动画 + 火山/小米/edge-tts 配音 + 烧录字幕并逐段跟读高亮 + 品牌水印与片尾卡 + 三张封面 4:3 / 3:4 / 9:16 + 各平台发布文案：视频号 / 小红书 / 抖音 / B 站 / 公众号），自带公共工序（事实核查与来源台账、发布前合规自查、成片机器与目视验收、交付边界）。当用户说"做一期白板视频 / 边画边讲 / 手绘讲解视频 / 用 excalidraw 做视频 / whiteboard video"，或要在本仓库里新建一期、改场景、换贴纸或真实 Logo、重出片、改字幕（含字幕高亮 / 跟读高亮 / 卡拉OK式高亮）、出封面、写发布文案（含抖音）时使用。全链路本地：Playwright + ffmpeg + 火山/小米 TTS + 本地 codex CLI 生图，不需要剪辑软件。
Its SKILL.md is about 4.9k tokens, which your agent loads only when the skill is triggered. The skill folder holds 55 other files, including reference files and assets (for example `README.md`, `config.json` and `examples/2026-09-29 MCP 是什么/README.md`).
It sits in Media & Creative, covering Text to speech and voice, Diagrams and Video production. It works with Excalidraw, FFmpeg and Playwright. The repository describes itself as: 本项目是个人开发的 Claude Code Skills 集合，提供实用的技能工具，助力提升开发效率和内容创作。 分享一些好用的 Claude Code Skills，自用、学习两相宜，适用于 Claude Code v2.0 及以上版本。
When your agent uses it
- Tasks that involve Text to speech and voice
- Tasks that involve Diagrams
- Tasks that involve Video production
Example prompts
- “做一期白板视频 / 边画边讲 / 手绘讲解视频 / 用 excalidraw 做视频 / whiteboard video”
- “/whiteboard-video-factory”
Requirements
- Node.js
- A credential in MI_TTS_API_KEY
Workflow steps
7 steps, taken from the step headings in SKILL.md.
- 立题与查证
- 写旁白（scenes.js）
- 出 Logo 与贴纸
- 画场景
- 封面
- 出片与验收
- 发布文案与标题
What it can do on your machine
Read from SKILL.md and the folder at commit b98f166. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships script files (JavaScript, from the files we listed), which the agent can run.
Shell commands in SKILL.md call:
nodeffmpegnpmnpxplaywright
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npm and npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names these keys or tokens, usually read from environment variables:
MI_TTS_API_KEY
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Whiteboard Video Factory loads about 4.9k tokens when it runs, and up to ~15k if it reads all its reference files. Until then it costs about 106 tokens; SKILL.md has 1,491 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check: notes
The automated check noted patterns worth knowing about, such as sudo or a known installer.
- NoteMentions a .env fileSKILL.md:31
**`volc`**（火山引擎，`seed-tts-2.0`，凭证在 `<仓库>/.env`，音色可以是官方音色或你自己的声音复刻；**返回逐字时间戳，字幕最准，默认用它**）/ **`mi`**（小米 MiMo `mimo-v2.5-tt - NoteMentions a .env fileSKILL.md:155
voices-mi.md`）/ edge `tts.edge.voice`；或 `.env` 的 `VOLC_TTS_VOICE`、`MI_TTS_VOICE` / 配乐改 `bgm.playlist`（多首按序拼接，长片用）或 `asse - NoteMentions a .env fileSKILL.md:171
（读 `HTTPS_PROXY` / `HTTP_PROXY` 环境变量，写进 `.env` 也行；没有配就是空操作）。`lib/fetch-logo.mjs`、`lib/gen-image.mjs` 入口调用它。
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 1,491 words (~4,856 tokens).
“工具就是本仓库（下文 <仓库>），CLI 是 <仓库>/bin/wb，参数全在 <仓库>/config.json。每期内容在 config.json 的 dirs.projects（默认 <仓库>/episodes/<日期 标题>/），中间产物与成片在 dirs.build（默认 <仓库>/build/<日期 标题>/）。”
- name
- whiteboard-video-factory
- description_zh
- 手绘白板风"边画边讲"讲解视频出片 skill（Excalidraw 逐笔动画 + 火山/小米/edge-tts 配音 + 烧录字幕并逐段跟读高亮 + 品牌水印与片尾卡 + 三张封面 4:3 / 3:4 / 9:16 + 各平台发布文案），自带公共工序（查证、合规、验收、交付边界）。当用户说"做一期白板视频 /…
- display_name
- 白板讲解视频工厂
- category
- video
- version
- 1.0.0
- author
- hailaobao666
Files
SKILL.md and 50 other files (references, assets) in whiteboard-video-factory of wwwzhouhui/skills_collection.
- SKILL.md
- .env.example
- .gitignore
- README.md
- assets/fonts/OFL.txt
- assets/fonts/Xiaolai-Regular.ttf
- assets/sample-covers.jpg
- assets/sample-highlight.gif
- assets/sample-preview.gif
- assets/sample-preview.mp4
- bin/wb
- config.json
- examples/2026-09-29 MCP 是什么/README.md
- examples/2026-09-29 MCP 是什么/scenes.js
- examples/2026-09-29 MCP 是什么/发布.md
- lib
- … and 35 more
Open the folder on GitHubat commit b98f166
Compare with similar skills
Whiteboard Video Factory next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Whiteboard Video Factory this skillwwwzhouhui/skills_collection | 283 | — | ~4.9k | Automated safety check: Notes | None | |
| Whiteboard Videotrustfuture/simon-skills | 382 | — | ~1.8k | Automated safety check: Notes | MIT | |
| Motion Adfabricioctelles/skills | 106 | — | ~4.1k | Automated safety check: Pass | Apache-2.0 | |
| Render Mosaic Grid Revealgooseworks-ai/goose-skills | 1.2k | — | ~1.1k | Automated safety check: Pass | MIT | |
| Render Model Comparison Gridgooseworks-ai/goose-skills | 1.2k | — | ~930 | Automated safety check: Pass | MIT | |
| Render Photo Grid Cardgooseworks-ai/goose-skills | 1.2k | — | ~664 | Automated safety check: Pass | MIT |
Similar skills
Motion Ad
fabricioctelles/skills
Produce a short motion-graphics video ad — a 15s Facebook/Instagram/TikTok spot — as a rendered MP4.
Render Mosaic Grid Reveal
gooseworks-ai/goose-skills
Render a 'mosaic-grid-reveal' video from a config — a real-DOM FULL-BLEED N×N mosaic of real product tiles that pops in one tile at a time (scatter order, ease-out-back overshoot), the grid clears…
Render Model Comparison Grid
gooseworks-ai/goose-skills
Render a 'model comparison grid' video from a config — a fal-style "same prompt, N contenders" showcase — a dark real-DOM stage where per beat a monospace prompt fades in centered, docks to a small…
Render Photo Grid Card
gooseworks-ai/goose-skills
Render a 'photo-grid promo card' video from a config — a real-DOM card with a FIXED header/footer and a CONTINUOUSLY SCROLLING 2-row grid of MIXED tiles (video clips, product/lifestyle stills…
Explain Video
limin112/min-skill
Build a narrated explainer video from a concept — discussion → structure → HTML slide deck → narration script → TTS voice → subtitles → background music → Playwright screen recording → ffmpeg…
More from wwwzhouhui/skills_collection
All 25 skills in this repoKnowledge Absorber
wwwzhouhui/skills_collection
深度解析链接/文档/代码，生成导师级教学笔记 + Wan 2.7 知识海报. An agent skill from wwwzhouhui/skills_collection.
Remotion Video Factory
wwwzhouhui/skills_collection
视觉从代码生长的技术讲解视频工厂：给一个主题，产出一条"图解动画 + AI 配音"的 MP4——结构图/矩阵/连线拓扑/图表/数字滚动全部用 Remotion + React/SVG 代码精确绘制（不用 AI 视频模型，杜绝公式乱码与连线漂移，可参数化、改数据自动重排），旁白由 TTS 逐段生成 + ffprobe 实测时长（默认 edge-tts 神经音色；--engine clone…
Voice To Video
wwwzhouhui/skills_collection
口播文字稿一键成片：TTS 配音（edge-tts，带逐句/逐词时间戳）→ HTML 动画合成（场景由时间戳驱动，画面跟着声音走）→ Playwright 逐帧确定性渲染合成 MP4。Use whenever the user wants to 把口播稿/文字稿/文案/文章做成视频、配音视频、解说视频、知识类短视频、口播视频、文字转视频、TTS video、voice-over…
Article Explainer Video
wwwzhouhui/skills_collection
把一篇技术长文/论文解读自动做成章节式解说视频(1080p, 5-8 分钟)。双主题:warm(奶油底+珊瑚红+cozy-handdrawn 透明插图,亲和感)和 midnight(深蓝黑底+琥珀金+宋体标题+executive-tech 插图,AI 科技感),storyboard 一个 theme 字段切换。每章三种 layout 混排:illustration(左文右图+Ken…
Edu Teaching Animation
wwwzhouhui/skills_collection
把单个学科概念(中文/英文都行,如"声现象""杠杆原理""光合作用")自动做成动态教学内容。两种产出都由 HyperFrames 渲染、共用同一个 index.html(mode 变量切换):① 配音教学视频 — 分镜 + Minimax / Edge TTS 中文配音 + 字幕 + 完整 MP4(1080p, ~90s, 发视频号/给孩子看);② 无声循环动图 — 同一内容的紧凑无声版…
Env Setup
wwwzhouhui/skills_collection
Checking and provisioning the machine's environment for the video-agent-kit plugin — probing for ffmpeg/ffprobe that actually carry the encoders and filters we render with (libx264/aac/libmp3lame…
Related
Works with
Categories
Questions about Whiteboard Video Factory
What does Whiteboard Video Factory do?
手绘白板风"边画边讲"讲解视频出片 skill（Excalidraw 逐笔动画 + 火山/小米/edge-tts 配音 + 烧录字幕并逐段跟读高亮 + 品牌水印与片尾卡 + 三张封面 4:3 / 3:4 / 9:16 + 各平台发布文案：视频号 / 小红书 / 抖音 / B 站 /…. Whiteboard Video Factory is an agent skill from wwwzhouhui/skills_collection.
When should I use Whiteboard Video Factory?
Whiteboard Video Factory fits situations like: tasks that involve Text to speech and voice; tasks that involve Diagrams; tasks that involve Video production.
How do I install Whiteboard Video Factory in Claude Code?
Run `npx skills add wwwzhouhui/skills_collection --skill whiteboard-video-factory -a claude-code`. Or copy the skill folder (whiteboard-video-factory in wwwzhouhui/skills_collection) into .claude/skills/whiteboard-video-factory in your project. Claude Code loads it when a task matches its description.
How do I install Whiteboard Video Factory in Codex?
Run `npx skills add wwwzhouhui/skills_collection --skill whiteboard-video-factory -a codex`. Or copy the skill folder (whiteboard-video-factory in wwwzhouhui/skills_collection) into .agents/skills/whiteboard-video-factory in your project. Codex loads it when a task matches its description.
Can I use Whiteboard Video Factory in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add wwwzhouhui/skills_collection --skill whiteboard-video-factory -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/whiteboard-video-factory, .gemini/skills/whiteboard-video-factory, .github/skills/whiteboard-video-factory and .opencode/skills/whiteboard-video-factory in your project.
What does Whiteboard Video Factory need to run?
Going by SKILL.md and its folder, Whiteboard Video Factory needs JavaScript for the scripts in its folder, the command-line tools its instructions call (node, ffmpeg, npm, npx and playwright) and credentials named MI_TTS_API_KEY. Our summary lists: Node.js; A credential in MI_TTS_API_KEY.
Does Whiteboard Video Factory access the network?
SKILL.md contains no URLs. Its commands use npm and npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Whiteboard Video Factory safe to install?
Our automated static check of SKILL.md found notes only (mentions a .env file), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.
What licence does Whiteboard Video Factory use?
No licence was found for Whiteboard Video Factory or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Whiteboard Video Factory use?
About 4.9k tokens (SKILL.md is roughly 19k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 10k tokens, read only when the agent opens those files.
What are the alternatives to Whiteboard Video Factory?
Skills that share tags, products or a category with Whiteboard Video Factory: Whiteboard Video (trustfuture/simon-skills, 382 stars), Motion Ad (fabricioctelles/skills, 106 stars), Render Mosaic Grid Reveal (gooseworks-ai/goose-skills, 1.2k stars) and Render Model Comparison Grid (gooseworks-ai/goose-skills, 1.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Whiteboard Video Factory?
wwwzhouhui (a GitHub user) maintains it in wwwzhouhui/skills_collection, which has 283 GitHub stars. The repository holds 25 skills in this directory. The repository was last updated on October 6, 2026.
Source: wwwzhouhui/skills_collection on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.