Individual skill
claude-animation
Make short hand-drawn 2D animations entirely in JavaScript — storybook / textured-editorial illustration (paper grain, hatching, blue construction guides, glossy insect characters, nest cross-sections) and brush-ink + watercolour explainers — rendered frame-exact with node canvas and ffmpeg, with synthesised sound. Use for "bikin animasi", "animate this story", "hand-drawn animation", "storybook animation", "JS animation", "line drawing animation", "animasi semut", kids' story or science explainer animations. Not for UI micro-interactions, slide decks, or talking-head video editing.
plugins/claude-animation/skills/claude-animation/SKILL.md
Source commit 4ddb8c80fdec96dc9f55d4b9bdee60bde6f0134b
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Local scripts
- Last checked
- Nov 11, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 143
- Repository last updated
- Sep 23, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- writing Derived category
- design Derived category
- research Derived category
- design-interface Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 8,018 bytesSKILL.mdcore · 8,018 bytesSKILL.mdcore · 8,018 bytesSKILL.mdcore · 8,018 bytesSKILL.mdcore · 8,018 bytesSKILL.mdcore · 8,018 bytesSKILL.mdcore · 8,018 bytesSKILL.mdcore · 8,018 byteslib/colony.mjsruns · 9,188 byteslib/core.mjsruns · 10,461 byteslib/film.mjsruns · 7,248 byteslib/fx.mjsruns · 9,047 byteslib/lowpoly.mjsruns · 7,220 byteslib/nature.mjsruns · 5,512 byteslib/pen.mjsruns · 9,055 byteslib/rigs/ant.mjsruns · 16,165 byteslib/rigs/bean.mjsruns · 9,244 byteslib/rigs/bug.mjsruns · 5,105 byteslib/rigs/chibi.mjsruns · 11,888 byteslib/rigs/critter.mjsruns · 7,098 byteslib/textures.mjsruns · 9,047 bytespackage.jsonruns · 298 bytesreferences/characters.mddoc · 6,351 bytesreferences/detail.mddoc · 7,190 bytesreferences/motion.mddoc · 4,450 bytesreferences/prior-art.mddoc · 2,416 bytesreferences/sound.mddoc · 2,292 bytesreferences/styles.mddoc · 4,162 bytesreferences/traps.mddoc · 2,465 bytesreferences/workflow.mddoc · 2,263 bytesscripts/ambient.mjsruns · 3,138 bytesscripts/chiptune.mjsruns · 6,969 bytesscripts/music.mjsruns · 5,998 bytesscripts/rig-sheet.mjsruns · 1,411 bytesscripts/sound.mjsruns · 7,914 bytestemplates/beat-sheet.mddoc · 1,776 bytestemplates/film-template.mjsruns · 2,631 bytes
Read excerpt
# claude-animation
**Frame-exact, hand-drawn-looking 2D animation written as code.** A film is a pure function
`frame(ctx, t)`; the library draws the look (brush, pencil, watercolour, grain, hatching), the rigs act
(a detailed ant, a bean-bodied cast), and the harness renders, previews and checks it.
Every rule below is something that went wrong on a real film — a 59 s brush-ink + watercolour history
recap and a set of storybook insect films — and took a render to find.
## Read first
| I need to… | Go to |
|---|---|
| Make an original animation from a brief | `references/workflow.md` → `templates/beat-sheet.md` → `templates/film-template.mjs` |