Give this skill to your agent

Copy the prompt and paste it into Claude Code, Codex or any agent that can read a web page. It installs the skill and tells you what it does.

Install this skill for me.

Read https://cwyz.com/skills/srt-whiteboard-animation-en
The raw SKILL.md is at https://cwyz.com/api/skills/srt-whiteboard-animation-en/raw

Save it as srt-whiteboard-animation/SKILL.md in my skills folder (Claude Code: ~/.claude/skills/ for every project, or .claude/skills/ for this project only).

Then tell me in two sentences what it does and when it applies. Do not run anything it describes until I say so.

Or unzip the download into ~/.claude/skills/ (every project) or .claude/skills/ in your project. A skill tells an agent what to do. Read it before you install it, especially one you did not write.

SRT Subtitles Turn Straight Into a Hand-Drawn Whiteboard Video

Turns an SRT subtitle file into a whiteboard hand-drawn animation on a warm cream paper background: subtitles drive elements to appear one by one in narrative order, with zone-mask layout and continuous strokes (outline first, then color), outputting MP4 and saving you from frame-by-frame manual whiteboard animation. Multi-file repo, installed via git clone.

Use caseTurn an SRT subtitle file into a subtitle-driven whiteboard hand-drawn animation video with continuous strokes.

Machine translation. Read the original

SRT Subtitles to Whiteboard Hand-Drawn Animation

Turn an SRT subtitle file into a whiteboard hand-drawn animation video: subtitles drive elements to appear in narrative order, strokes are drawn continuously and then colored, and the output is an MP4, saving you from making a whiteboard animation frame by frame by hand.

The background is warm cream paper, and a hand holding a pen is drawing. The layout follows zone-mask reveal: regions are drawn one by one in subtitle order, regions not yet reached stay fully hidden, and overlaps are handled with protected zones. Inside each region the ink is a continuous stroke (outline first with ink, then fill with color), and all regions share one canvas, with finished drawings left in place.

What it does

  • Reads the SRT → proposes an image strategy → after your confirmation, generates a unified-style line drawing → divides it into zones by narrative meaning → fine-tunes in a preview tool → renders MP4.
  • Unlike frame-by-frame jumps or rectangular erasing, the strokes flow continuously; unlike drawing the whole image at once, it follows subtitle storyboarding, with elements appearing one by one, so order and timing are controllable.

Who it's for

Anyone with a narrated or explained SRT subtitle file who wants to turn it into a short whiteboard hand-drawn style video. It is especially suited to knowledge explainers and opinion-driven content.

Installation

This is a multi-file skill (including scripts, assets, and examples), so clone the whole repository:

git clone https://github.com/geeklee/srt-whiteboard-animation \
  ~/.claude/skills/srt-whiteboard-animation

Once installed, have the agent read SKILL.md, give it your .srt file, and adjust step by step using its zone preview. Rendering requires a Python environment and FFmpeg.

Source and license

  • Author repository: https://github.com/geeklee/srt-whiteboard-animation
  • License: MIT.
  • The hand asset assets/drawing-hand.png included in the repository has the author's mark printed on the pen barrel; replacing it with a clean hand image without a mark works fine and does not affect usage.
Done with this one? Mark it to track your path.Sign in
Save it for laterSign in
Questions about this piece?Ask AI about this

Comments (0)

No comments yet. Start the conversation.

Sign in to join the discussion.Sign in