Claude Skill MartBrowse skillsQuick linesLearn by videoTerminal guideWhat is a Skill?
 
← Back to list

anidoodle — Code-Drawn Stills, Films & Scores

Draws stills, timelapses, films and interactive web animations entirely in code across 31 styles, with composed and measured soundtracks.

Image & VideoAdvanced★ 468⑂ 36AI score 9/10Last updated: Sep 25, 2026

What it does

  • One pure function paints every frame and another synthesizes every audio sample, so the same source rebuilds identical pixels and sound on any machine or size.
  • Ships 31 style plates (woodcut, ink, toy brick and more), can match a style from a reference image, and keeps a character identical across styles.
  • Composes scores from a plan (style, mood per section, notes as data) and reports loudness, range, onsets and brightness measurements.
  • Tooling covers the whole loop: scaffold.mjs for projects, still.mjs for a hashed single frame, render.mjs for MP4/GIF/WebM/APNG, gate.mjs for determinism/contract/dead-air checks, emit.mjs for a self-contained offline player.
  • Enforces a strict craft bar and at most three approval gates so review effort is spent where errors are expensive.

Who it's for

  • Developers and designers who want reproducible animated logos, hero art, or launch videos generated from source.
  • Creative coders working with canvas, generative art, or Remotion-style pipelines.
  • Anyone needing explainers, animated infographics, or step-by-step drawing lessons.

Example uses

  1. "A 6-second 9:16 loop where our app logo draws itself in an ink style" → approve one look still, then export MP4/WebM.
  2. "A 45-second launch video using our screenshots plus a 120 bpm score" → three-sentence story, cue table, approve an 8-second music sample, then build end to end.
  3. "Keep this character identical while rendering it as woodcut and as toy bricks" → character-consistency workflow with anatomy references.

· · · Install guide · · ·

Try it now, no install

Paste this into Claude to use the skill without installing anything.

Read the instructions in this file and follow them to help me:
https://raw.githubusercontent.com/alexgreensh/anidoodle/HEAD/plugins/anidoodle/skills/anidoodle/SKILL.md

What I want: (describe your task here)

If Claude can't open the link, open it yourself and paste the contents instead.

↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.

Install in the Claude app (no terminal)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
↓ Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the plugins/anidoodle/skills/anidoodle folder from the GitHub repo alexgreensh/anidoodle into my ~/.claude/skills/anidoodle/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/alexgreensh/anidoodle.git /tmp/anidoodle && mkdir -p ~/.claude/skills && cp -r /tmp/anidoodle/plugins/anidoodle/skills/anidoodle ~/.claude/skills/

⚠ This is a third-party skill. Check the source repository before installing.

  1. Make sure Node.js 18+ is installed (node -v).
  2. Clone the repository: git clone https://github.com/alexgreensh/anidoodle.git
  3. Copy the skill into Claude's skills folder: mkdir -p ~/.claude/skills && cp -r anidoodle/plugins/anidoodle/skills/anidoodle ~/.claude/skills/
  4. Restart Claude Code and try a prompt like "use anidoodle to make a 9:16 loop".
  5. In the scaffolded project run npm install and npx playwright-core install chromium to enable rendering.
  6. Verify your build with node tools/gate.mjs <film> to confirm determinism and no dead air.
View source on GitHub ↗License: Apache-2.0