Skip to content
Submit

animate: single-file procedural videos with a storyboard

Makes short canvas videos in any style, planning story, look and storyboard as it goes.

Open on GitHub · ★ 703
animate: single-file procedural videos with a storyboard

Image: from the GitHub README, shown with credit.

Try it in 60 seconds

npm i -g playwright && npx playwright install chromium
/plugin marketplace add cth9191/animate
/plugin install animate@animate

Install command copied from the project README. Check the README for the latest version.

What it does

Makes short canvas videos in any style, planning story, look and storyboard as it goes.

A Claude Code skill that makes short animated videos entirely in code: one , drawn and scored procedurally, deterministic frame by frame, rendered to MP4 with a headless browser and ffmpeg. Explainers, histories, little stories — in one of the built-in styles, or in a new look matched from your own references.

The built-in styles, each a frame from its demo piece: cut paper, crosshatch ink, riso print, sketchbook, math, pixel, isometric — and the eighth slot: any other look, made from your references.

Quoted from the README of cth9191/animate.

Inside the repo

How it worksStylesWhat's baked inInstallUseThe exampleLicense

Step by step

  1. Open the GitHub repo and skim the README (install commands change often).
  2. Install it: copy the skill folder into ~/.claude/skills/ (Claude Code) or ~/.codex/skills/ (Codex), or use the plugin/marketplace command from the README.
  3. Restart Claude Code or Codex.
  4. Ask for the job in plain words; the skill loads when your request matches.

Sources & credit

All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.

Related

SKILL0:56

HyperFrames: write HTML, get a video

Open-source renderer that turns HTML/CSS/JS scenes into frame-exact MP4s; built so coding agents can drive it.

Claude Code +1★ 63.8k
SKILL0:34

/brag: turn a finished project into a launch video

Type /brag in a project; it reads the code and renders a ~20s launch film with music, captions and share copy.

Claude Code +1★ 16k
SKILL0:28

Anatomy: interactive isometric illustrations

Draws detailed, interactive isometric cutaways of real objects as code; a port also runs in ChatGPT/Codex.

Claude Code +1★ 10.6k
SKILL

GSAP official agent skills

Official skills from GreenSock that teach agents to write correct, smooth GSAP animations.

Claude Code +1★ 16.4k
SKILL

motion-skills: 50 packs (Reels, explainers, data-viz, Manim)

Install a pack and your agent works like a motion designer for TikTok/Reels, explainers, charts and WebGL.

Claude Code +2★ 812
SKILL

Barty-Bart motion-graphics skills

Motion-graphics skills for Claude Code and Codex: animated cards and B-roll from your script.

Claude Code +1★ 682

Coming soon

AgentsUses Weekly

A free weekly email with the best new skills and agent workflows is coming soon. Want a heads-up when the first issue goes out? Email hello@agentsuses.com and we will let you know.

Get notified by email