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…
将 SRT 字幕做成暖米黄纸张底的白板手绘动画:读字幕→输出配图策略→确认后生成统一风格线稿→按叙事语义标注分区→预览台调整→渲染 MP4。编排沿用分区遮罩揭示(annotation.json / sequence / startMs / protectedRegions),但每个区域内的落墨换成 stream 的连续笔迹(骨架/网格 ink→color)。当用户提供 SRT…
$ npx skills add geeklee/srt-whiteboard-animation --skill srt-whiteboard-animation -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install geeklee/srt-whiteboard-animation srt-whiteboard-animation --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
Claude Code skills documentation · loads skills from .claude/skills/
Install the "srt-whiteboard-animation" agent skill from https://github.com/geeklee/srt-whiteboard-animation/tree/main into .claude/skills/srt-whiteboard-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "srt-whiteboard-animation", 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.
$ npx skills add geeklee/srt-whiteboard-animation --skill srt-whiteboard-animation -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install geeklee/srt-whiteboard-animation srt-whiteboard-animation --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "srt-whiteboard-animation" agent skill from https://github.com/geeklee/srt-whiteboard-animation/tree/main into .agents/skills/srt-whiteboard-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "srt-whiteboard-animation", 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 geeklee/srt-whiteboard-animation --skill srt-whiteboard-animation -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install geeklee/srt-whiteboard-animation srt-whiteboard-animation --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "srt-whiteboard-animation" agent skill from https://github.com/geeklee/srt-whiteboard-animation/tree/main into .cursor/skills/srt-whiteboard-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "srt-whiteboard-animation", 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.
$ npx skills add geeklee/srt-whiteboard-animation --skill srt-whiteboard-animation -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install geeklee/srt-whiteboard-animation srt-whiteboard-animation --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "srt-whiteboard-animation" agent skill from https://github.com/geeklee/srt-whiteboard-animation/tree/main into .gemini/skills/srt-whiteboard-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "srt-whiteboard-animation", 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 geeklee/srt-whiteboard-animation srt-whiteboard-animationInstalls 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 geeklee/srt-whiteboard-animation --skill srt-whiteboard-animation -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "srt-whiteboard-animation" agent skill from https://github.com/geeklee/srt-whiteboard-animation/tree/main into .github/skills/srt-whiteboard-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "srt-whiteboard-animation", 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 geeklee/srt-whiteboard-animation --skill srt-whiteboard-animation -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install geeklee/srt-whiteboard-animation srt-whiteboard-animation --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "srt-whiteboard-animation" agent skill from https://github.com/geeklee/srt-whiteboard-animation/tree/main into .opencode/skills/srt-whiteboard-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "srt-whiteboard-animation", 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.
srt-whiteboard-animation将 SRT 字幕做成暖米黄纸张底的白板手绘动画:读字幕→输出配图策略→确认后生成统一风格线稿→按叙事语义标注分区→预览台调整→渲染 MP4。编排沿用分区遮罩揭示(annotation.json / sequence / startMs / protectedRegions),但每个区域内的落墨换成 stream 的连续笔迹(骨架/网格 ink→color)。当用户提供 SRT…
Srt Whiteboard Animation is an agent skill from geeklee/srt-whiteboard-animation. 将 SRT 字幕做成暖米黄纸张底的白板手绘动画:读字幕→输出配图策略→确认后生成统一风格线稿→按叙事语义标注分区→预览台调整→渲染 MP4。编排沿用分区遮罩揭示(annotation.json / sequence / startMs / protectedRegions),但每个区域内的落墨换成 stream 的连续笔迹(骨架/网格 ink→color)。当用户提供 SRT 字幕并要求"字幕做成白板手绘/流式笔迹视频""SRT 生成白板动画""按字幕分镜画手绘"时触发。
Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 22 other files, including scripts and assets (for example `README.md`, `agents/openai.yaml` and `examples/scene-01-monkey-mountain-banana.annotation.json`).
It sits in Media & Creative, covering Transcription. It works with Python and OpenCV. The repository describes itself as: 将 SRT 字幕做成暖米黄纸张底的流式笔迹白板手绘动画 skill:mask 分区遮罩编排 + stream 连续笔迹(ink→color)。 The licence is MIT.
7 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 696a724. It shows what the files ask for, not the result of running them.
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.
Ships 4 files in scripts/ (Python, from the files we listed), which the agent can run.
Shell commands in SKILL.md call:
pythonFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Srt Whiteboard Animation loads about 1.8k tokens when it runs. Until then it costs about 66 tokens; SKILL.md has 303 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.
The automated check found no risky patterns in SKILL.md.
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); the scripts in this folder are not scanned.
The full file from geeklee/srt-whiteboard-animation at commit 696a724, republished under its MIT licence (© geeklee). 303 words, ~1,782 tokens.
.claude/skills/srt-whiteboard-animation/SKILL.md (or your agent's skills folder). This skill also uses 18 other files; get the full folder from GitHub.把 SRT 字幕转成白板手绘动画:编排沿用分区遮罩揭示(按叙事顺序逐区域揭示、未开始区域完全隐藏、重叠用 protectedRegions 保护);画法换成流式笔迹——每个区域在自己的允许掩码内,笔尖沿骨架/网格连续滑行落墨(起笔 ink → 添彩 color),所有区域共享一张持久画布,已画完的区域保留在画布上。所有面向用户的说明、分镜、配置和界面文字必须使用中文。
与逐格跳变或矩形擦除不同:本 skill 的笔迹是连贯流动的;与整图 stream 不同:本 skill 按字幕叙事分区依次作画,可控制每个元素的出场顺序与时序。
| 项目 | 默认要求 |
|---|---|
| 纸张背景 | 生成图使用暖米黄旧纸色(建议 #F5EBD7);渲染时从原图距四角内缩取样染底,禁止纯白。 |
| 画法 | 每区域 stream 连续笔迹:起笔 ink(铺线稿)→ 添彩 color(还原原色);权重 ink:color = 2:1。 |
| 笔迹路径 | --ink-path grid(网格,默认,稳)或 skeleton(骨架追踪,线稿清晰的插画更贴合)。 |
| 上色风格 | --color-fill contour-wipe(轮廓扫描,默认)或 brush(沿轨迹刷)。 |
| 未绘制区域 | 区域的允许掩码 = 矩形 region 扣除「后续区域 + protectedRegions」;未开始区域完全隐藏。 |
| 时长来源 | 每张图的 sceneDurationMs 来自该幕字幕的时间跨度(建议 25–35 秒/幕)。 |
| 编辑框 | 预览台默认显示全部编号编辑框;编辑框不属于动画画面内容。 |
所有场景的源图必须遵循同一套视觉语言;生成前把以下要求完整写入出图提示词,生成后逐条检查:
#F5EBD7、深灰色草图线条;仅可用红色、橙色、蓝色 作少量概念性点缀。不得使用其他强调色、高饱和度配色或复杂纹理。drawing-hand.png 笔杆上的标识;它不属于场景源图文字,也不需要清除或重绘。未获得用户明确说明时,仍按无文字画面处理。默认工作流的每一步完成后都必须停止并等待用户明确确认,才可开始下一步。确认前不得生成下一步的图片、标注、预览、视频或合并文件;不得把“未回复”“此前的笼统授权”“用户没有反对”视为确认。用户要求修改上一步时,只重做该步,并在完成后再次等待确认。
唯一的连带动作是:标注 JSON 创建完成后,必须立即自动打开预览台并载入该 JSON 所在目录;这属于第 3 步的交付,不需要为“打开预览台”另行等待确认。若浏览器的 File System Access API 要求用户手势,使用浏览器界面选择这个已确定的目录;不得因此向用户索要额外确认或改为让用户自行打开预览台。
scripts/parse_srt.py 把 SRT 解析成字幕条并按 25–35 秒/幕给出建议分镜。据此输出配图策略:每幕的场景编号、核心表达、画面主体、对应字幕区间与 sceneDurationMs。每幕只表达一个核心意思。完成后停止,等待用户确认策略。#F5EBD7,主体之间保留充足留白便于自动拆分;不得生成文字、复杂照片、重叠对象或与规范冲突的元素。完成后停止,展示线稿并等待用户确认。<图片名>.annotation.json。创建完成后,立即用默认浏览器打开 assets/preview.html,并通过预览台的“打开文件夹”载入该标注文件所在目录的全部 <名称>.png + <名称>.annotation.json;不得只给出文件路径或要求用户自行操作。预览台已带入目录后停止,等待用户确认标注与预览内容。render_annotation_preview.py 出编号/方向检查图,核对分区与叙事顺序一致、区域都在画布内、重叠主体用 protectedRegions 保护。完成后停止,等待用户确认预览图。region,右侧改名称/方向/开始(ms)/结束(ms)(时长= 结束−开始,只读)与字幕,拖动模块列表调整顺序(自动重排 sequence),选中模块自动高亮对应字幕;拖时间轴或按播放看揭示(未开始区域不显示);direction 只影响此代理。改完点“保存本场景/全部保存”写回原 .annotation.json(含每区域 subtitle,并把 sceneDurationMs 对齐到最后区域结束+0.5s)。保存后停止,等待用户确认最终标注与时序。render_stream_whiteboard.py 逐幕出全清 MP4,抽查开场、任意重叠模块中段、结尾三个时间点。完成后停止,等待用户确认成片。merge_scenes.py 按顺序合并成一条。完成后停止,等待用户确认最终合成视频。在用户项目中创建:
assets/whiteboard/<项目名>/
scene-01-<名称>.png
scene-01-<名称>.annotation.json # 与 png 同名
scene-01-<名称>-whiteboard.mp4 # 成片
scene-01-<名称>-preview.mp4 # 真实片段(预览台生成,低清)图片与配置必须同名:foo.png 对应 foo.annotation.json。预览台据此自动加载配置。
sequence、startMs 与 label 必须反映字幕中的事件先后,而非仅按从左到右、从上到下或视觉显眼程度。x、y、width、height;原点左上角,禁止百分比/比例/估算坐标或省略尺寸。canvas.width/canvas.height 必须等于原图像素尺寸。sequence、narrativeRole、subtitle、region、reveal、handPath。narrativeRole 用中文说明其在字幕中的叙事作用;subtitle 存该区域对应的字幕文本(来自 SRT,供预览台联动与后续用途);sequence 从 1 起连续。protectedRegions 保护后绘制模块。sceneDurationMs 来自该幕字幕时间跨度(parse_srt.py 的 scenes[].sceneDurationMs)。startMs 不重叠):下一区域从上一区域 startMs + durationMs(+ 可选 100–300ms 呼吸)开始。若 startMs 重叠,渲染器仍按顺序处理,但视觉上不再是并发。durationMs 会按 ink:color = 2:1 切成起笔段和添彩段。durationMs 由预览台的开始/结束时间决定(结束−开始),可对齐该区域对应字幕的时长;也可用 150 像素/秒 × 绘制距离作为初始估算。sceneDurationMs,并保证结尾至少停留 0.5 秒完整原图。reveal.direction 在 stream 画法下不决定真实笔迹(笔迹由骨架/网格自动生成),仅供预览台的矩形代理演示;保留它是为了预览台可用。t,模块仅可显示其 reveal.startMs ≤ t 之后、且不超过当前作画进度的像素;未开始模块的任何线条/填充/图像都不得出现。region 扣除全部后续模块的 region,再扣除本模块 reveal.protectedRegions。stream 落墨被限制在允许掩码内,因此后续区域不会提前露线。protectedRegions 采用与 region 相同的原图整数像素坐标,用于矩形过大、主体交叠或背景线条可能泄露的情况。destination-out 扣除演示同一编排。{
"sceneId": "scene-01",
"canvas": { "width": 1672, "height": 941 },
"storyBasis": "该幕字幕的事件摘要",
"sceneDurationMs": 9000,
"elements": [
{
"id": "rockery",
"label": "假山场景",
"sequence": 1,
"narrativeRole": "故事的场景铺垫",
"subtitle": "猴子山上,一只小猴子坐在假山顶端,手里拿着香蕉。",
"type": "structure",
"region": { "x": 20, "y": 120, "width": 540, "height": 780 },
"reveal": { "direction": "top_to_bottom", "startMs": 300, "durationMs": 2600, "maskPaddingPx": 22, "protectedRegions": [] },
"handPath": { "start": [290, 130], "end": [290, 890], "easing": "easeInOut" }
}
]
}
direction/handPath仅供预览台矩形代理使用;成片笔迹由 stream 自动生成,无需精调。
所有渲染脚本用 skill 内 .venv 的解释器运行(依赖隔离)。
python scripts/prepare_env.py --check # 探测;成功末行输出 ENV_PY=<路径>,捕获备用
python scripts/prepare_env.py # 缺则建 .venv 并装 opencv-python/numpy/avpython scripts/parse_srt.py <字幕.srt> --target-sec 30 --min-sec 25 --max-sec 35python scripts/render_annotation_preview.py <图片> <标注> <预览图输出>assets/preview.html,点"打开文件夹"选目录 → 载入全部图片+同名标注 → 拖拽编辑 → "保存"写回原文件。写回需 File System Access API(Chrome/Edge);其它浏览器改为下载后手动覆盖。渲染仍走命令行(下面第 5 步)。<ENV_PY> scripts/render_stream_whiteboard.py <图片> <标注> <输出mp4> assets/drawing-hand.png \
[--ink-path grid|skeleton] [--color-fill contour-wipe|brush] [--total-ms <毫秒>]--total-ms 缺省时用标注里的 sceneDurationMs。末行输出 OUTPUT=<路径>。<ENV_PY> scripts/merge_scenes.py --inputs 幕1.mp4 幕2.mp4 幕3.mp4 --output final.mp4渲染前/后确认:
canvas 与原图像素尺寸一致,所有 region 为整数像素坐标且在画布内。sequence、startMs 与字幕事件顺序一致;预览图编号/标签/区域来自同一份标注 JSON。--ink-path skeleton 让笔迹更贴合。如需修改效果,先在预览台(assets/preview.html)调整标注(区域/顺序/时序)并保存,再命令行渲染,不要凭空反复出片。
© geeklee, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 18 other files (scripts, assets) in the repository root of geeklee/srt-whiteboard-animation.
Open the folder on GitHubat commit 696a724
Srt Whiteboard Animation 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 |
|---|---|---|---|---|---|---|
| Srt Whiteboard Animation this skillgeeklee/srt-whiteboard-animation | 4.2k | — | ~1.8k | Automated safety check: Pass | MIT | |
| Env Setupwwwzhouhui/skills_collection | 283 | — | ~3.5k | Automated safety check: Notes | None | |
| VideoDB Video Search and Editingaffaan-m/ECC | 277k | 3 repos | ~3.5k | Automated safety check: Notes | MIT | |
| Ffmpeg Skillkajisho5/ffmpeg-skill | 1.9k | — | ~7.4k | Automated safety check: Pass | MIT | |
| Claude Real VideoHUANGCHIHHUNGLeo/claude-real-video | 2.2k | — | ~639 | Automated safety check: Pass | MIT | |
| Claude Real Video For AgentsHUANGCHIHHUNGLeo/claude-real-video | 2.2k | — | ~2k | Automated safety check: Notes | MIT |
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…
affaan-m/ECC
Ingests, indexes, searches, edits and monitors video, audio and live streams through the VideoDB Python SDK, returning stream links, clips and timestamps.
kajisho5/ffmpeg-skill
Edit video and audio with local FFmpeg from natural-language requests: cut, trim, join, resize/reframe (9:16, 1:1), speed change, captions and subtitles (SRT/ASS, animated, karaoke), logos and text…
HUANGCHIHHUNGLeo/claude-real-video
Watch a video for the user. An agent skill from HUANGCHIHHUNGLeo/claude-real-video.
HUANGCHIHHUNGLeo/claude-real-video
Install and use crv (claude-real-video) — a tool that lets any AI agent watch videos by extracting scene-aware keyframes, deduplicating them, and transcribing audio.
wy51ai/edulab
A skill your agent uses when asked to make an explainer / walkthrough video (讲解视频、解题视频、例题精讲、微课) for a math problem (数学题, geometry, algebra, functions, motion/行程 problems), from a problem screenshot…
Categories
将 SRT 字幕做成暖米黄纸张底的白板手绘动画:读字幕→输出配图策略→确认后生成统一风格线稿→按叙事语义标注分区→预览台调整→渲染 MP4。编排沿用分区遮罩揭示(annotation.json / sequence / startMs / protectedRegions),但每个区域内的落墨换成 stream 的连续笔迹(骨架/网格 ink→color)。当用户提供 SRT…. Srt Whiteboard Animation is an agent skill from geeklee/srt-whiteboard-animation.
Srt Whiteboard Animation fits situations like: tasks that involve Transcription.
Run `npx skills add geeklee/srt-whiteboard-animation --skill srt-whiteboard-animation -a claude-code`. Or copy the skill folder (the geeklee/srt-whiteboard-animation repository) into .claude/skills/srt-whiteboard-animation in your project. Claude Code loads it when a task matches its description.
Run `npx skills add geeklee/srt-whiteboard-animation --skill srt-whiteboard-animation -a codex`. Or copy the skill folder (the geeklee/srt-whiteboard-animation repository) into .agents/skills/srt-whiteboard-animation in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add geeklee/srt-whiteboard-animation --skill srt-whiteboard-animation -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/srt-whiteboard-animation, .gemini/skills/srt-whiteboard-animation, .github/skills/srt-whiteboard-animation and .opencode/skills/srt-whiteboard-animation in your project.
Going by SKILL.md and its folder, Srt Whiteboard Animation needs Python for the scripts in its folder and the command-line tools its instructions call (python). Our summary lists: Python 3.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
Srt Whiteboard Animation is published under the MIT licence (from the LICENSE file in the skill folder). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.8k tokens (SKILL.md is roughly 7.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Srt Whiteboard Animation: Env Setup (wwwzhouhui/skills_collection, 283 stars), VideoDB Video Search and Editing (affaan-m/ECC, 277k stars), Ffmpeg Skill (kajisho5/ffmpeg-skill, 1.9k stars) and Claude Real Video (HUANGCHIHHUNGLeo/claude-real-video, 2.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
geeklee (a GitHub user) maintains it in geeklee/srt-whiteboard-animation, which has 4,199 GitHub stars. The repository was last updated on July 27, 2026.
Source: geeklee/srt-whiteboard-animation on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.