FreeVideo
App window with zoom
- 365365 downloads
- 125125 likes
- 188188 saves
Works with
+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
Whiteboard draw-on animation v1.0.0
Use this resource to animate a drawing that traces itself on a whiteboard, scribe-video style
New
- 583 downloads
- 171 likes
- 138 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install whiteboard-draw-on-animationWith no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent builds SVG paths that draw themselves, with a marker hand that follows the tip of each stroke. It sequences elements in narration order, handles erasing between sections and checks frozen frames. You get a standalone HTML file, or the basis for a narrated video.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Uses
- Web browser
- Node.js (for verification screenshots)
- Licence
- MIT
Similar resources
View all- Free
FreeVideo
One big number
- 463463 downloads
- 223223 likes
- 100100 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
PalateKit Motion, the library
- 338338 downloads
- 198198 likes
- 249249 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Three bars head to head
- 348348 downloads
- 133133 likes
- 182182 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Before / after slider
- 322322 downloads
- 248248 likes
- 238238 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Three-card carousel
- 418418 downloads
- 157157 likes
- 101101 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Chat exchange
- 564564 downloads
- 127127 likes
- 161161 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Checklist ticking off
- 442442 downloads
- 233233 likes
- 160160 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- SKILL.md: draw-on mechanism, hand following the tip, reveal order, erase transitions, pacing to voiceover (French translation included)
- Draw-on recipes reference (GSAP, per-letter handwriting, fill after outline)
- Reference on preparing open-stroke art and calibrating the hand
Good fit for
- A scribe-style explainer video with voiceover
- A logo or sketch that draws itself live
- Handwriting that writes itself on screen
Not for
- Video made of live footage
- Complex character animation
- An edit with no narration to sync to
Tags
- whiteboard
- animation
- explainer
- svg
- scribe
About
You say
"Animate a diagram of my three-step offer: a hand draws each step while the voiceover describes it."
Skill published by iart-ai under the MIT license.
Show moreShow less
Prerequisites
- You bring
- The script or voiceover and A marker-hand image and your line art (or a description)
- Dependencies
- Web browser and Node.js (for verification screenshots)
How to use it
- Provide the script and the length of each voiceover line
- The agent prepares the SVG paths and the hand, then builds one master timeline
- Check frozen frames at several moments and adjust
Content preview
Files
- LICENSE1.1 KB
- NOTICE-PALATEKIT.md0.4 KB
- references/draw-on-recipes.md7.8 KB
- references/whiteboard-pipeline.md5.9 KB
- SKILL.md11.6 KB
Origin and licence
Modified by PalateKit
- Author
- iart-ai
- Source
- github.com/iart-ai/explainer-video-skills/tree/3e2d411b725d9a72939cf8e5eb81579e751373e7/skills/whiteboard-animation
- Licence
- MIT
Notice
Version modifiée de « whiteboard-animation » (iart-ai, MIT) : traduction française et fiche par PalateKit.
User reviews
–
No ratings yet
Loading reviews…
Frequently asked questions
Do I need to install anything?
Not for the HTML version: a browser is enough. For a narrated MP4, the skill points to Remotion.
Are the mentioned helper scripts included?
No, the helper scripts named in the text are not shipped; the Playwright commands shown are enough to verify.