Agent skill

Anidoodle

by alexgreensh in alexgreensh/anidoodle

Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 32 styles, with composed scores.

Apache-2.0Auto-check passedMedia & Creative

Install Anidoodle

skills CLI
$ npx skills add alexgreensh/anidoodle --skill anidoodle -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install alexgreensh/anidoodle anidoodle --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/alexgreensh/anidoodle.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/anidoodle .claude/skills/anidoodle && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
anidoodle
GitHub stars
878
Token cost
~2.7k tokens
SKILL.md length
1,369 words
Files
572 (incl. references, assets)
Skills in repo
1
Repo updated
First seen
Licence
Apache-2.0

At a glance

Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 32 styles, with composed scores.

  • Works in 7 steps: Every piece has a point. A still: one… → State the realism. Name the anatomy, the… → A style is a way of making marks. Change… → …
  • Tasks that involve Web animation and motion
  • SKILL.md covers Start by asking, then build, What are you making?, The seven laws and Workflows, plus 4 more sections
  • Runs TypeScript scripts from its folder; calls node, npm and npx

What it does

Anidoodle is an agent skill from alexgreensh/anidoodle. Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 32 styles, with composed scores. Matches a reference style, keeps characters consistent, teaches drawing. Deterministic, no generated assets.

Its SKILL.md is about 2.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 577 other files, including reference files and assets (for example `engine/assets/refs/PROVENANCE.json`, `engine/package-lock.json` and `engine/package.json`).

It sits in Media & Creative, covering Web animation and motion, Motion graphics and Generative and creative coding. The repository describes itself as: Art and animation, written as code. Illustrations, loops, interactive web art, launch-videos and scored films in dozens of styles, identical on every render. The licence is Apache-2.0.

When your agent uses it

  • Tasks that involve Web animation and motion
  • Tasks that involve Motion graphics
  • Tasks that involve Generative and creative coding

Example prompts

  • “/anidoodle”

Requirements

  • Node.js

Workflow steps

7 steps, taken from the first numbered list in SKILL.md.

  1. Every piece has a point. A still: one idea, one focal subject, one light. A film: one
  2. State the realism. Name the anatomy, the view and the reference you opened, for animals,
  3. A style is a way of making marks. Change the medium, the edge and the order of the marks,
  4. Prove the look on ONE still, then build end to end. After that, gates cost more than they
  5. The contract is absolute. Pure in (frame, env) (and the input log, for interactive
  6. Music gets a plan, never an adjective. A style, a mood per section, the notes as data, then
  7. One directs, one builds, both write everything down. When a session degrades, reset; the

What it can do on your machine

Read from SKILL.md and the folder at commit 06f8be2. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships script files (TypeScript, from the files we listed), which the agent can run.

    Shell commands in SKILL.md call:

    • node
    • npm
    • npx

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npm and npx, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Anidoodle loads about 2.7k tokens when it runs, and up to ~107k if it reads all its reference files. Until then it costs about 61 tokens; SKILL.md has 1,369 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~61
When it runs · the whole SKILL.md, loaded when a task matches
~2.7k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~107k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from alexgreensh/anidoodle at commit 06f8be2, republished under its Apache-2.0 licence (© alexgreensh). 1,369 words, ~2,737 tokens.

Download SKILL.mdSave it as .claude/skills/anidoodle/SKILL.md (or your agent's skills folder). This skill also uses 571 other files; get the full folder from GitHub.
name
anidoodle
description
Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 32 styles, with composed scores. Matches a reference style, keeps characters consistent, teaches drawing. Deterministic, no generated assets.
metadata.created_by
Alex Greenshpun (10x Company)
metadata.license
Apache-2.0

anidoodle

Pictures, films and interactive pieces drawn entirely in code. One pure function paints every frame; another composes the score and plays it. The same source rebuilds the same pixels and the same sound on any machine, at any size, at any length. Eight acoustic instruments can play recordings of real ones from an optional download. ASK the user before any score work; never download unasked.

The engine is the easy half. Work gets thrown away because it had no point, because the subject was an icon of itself, because a style was only a palette swap, because the music had no form, or because the person spent their patience approving fragments. This skill carries the craft that prevents each of those.

Start by asking, then build

Read references/workflows/start-here.md and run its intake: one question at a time, only what the request leaves open, your recommendation first. What are they making, in which style (show the gallery sheet, https://github.com/alexgreensh/anidoodle/blob/main/skills/anidoodle/assets/styles.jpg; the list is references/styles/INDEX.md), what shape (1x1, 9x16, 16x9, 4x5 or any W x H), how long (any length; never cap it), what sound (silent or a music style and mood), which characters. "You pick" means pick and say why in one line. Write the answers into a short brief before drawing.

What are you making?

MakingRead
A still: hero, spot, cover, card, poster, a seriesStill workflow below, references/formats.md
A picture that draws itself (timelapse, making-of)references/workflows/drawing-process.md
A loop, sticker, animated logo, ambient headerLoop workflow below, references/formats.md
A story film, any lengthFilm workflow below, references/workflows/long-film.md
An explainer or an infographicreferences/workflows/explainer.md
A launch or product video (their screenshots welcome)references/workflows/launch-video.md; build it on references/workflows/launch-video-kit.md
An interactive web animation that reacts to the UIreferences/workflows/interactive.md
A drawing lesson, or "how do I draw this?"references/workflows/teach-drawing.md
A character kept identical in any style (woodcut to toy brick)references/workflows/character-consistency.md, references/anatomy.md
A style matched from their imagereferences/workflows/adapt-a-style.md
A score or soundtrackreferences/music/README.md
  • Music: pick a style vocabulary and mood, sketch the tension arc and motif, compose your own harmony, motif and form (references/music/compose.md, craft in references/music/theory/), revise until node tools/music.mjs craft shows only findings you chose, then check must PASS before a human listens. Styles give sound, never notes.
  • Sound effects: references/music/sound-design.md. 14 layered, seeded effects cued by film frame (filmSfx); the score ducks, and every cue must be within 6 dB of it. Effects only on real direction changes, one riser + one impact per film.
  • Launch films: launchTemplate.ts renders a product's launch from data (prompts, plates or its own UI, a score composed for it, words, install lines) in every shape from one timeline; launch.mjs new|ship. Habits that save tokens: references/working-method.md.

The seven laws

  1. Every piece has a point. A still: one idea, one focal subject, one light. A film: one transformation, one payoff, one token that returns. → references/storytelling.md
  2. State the realism. Name the anatomy, the view and the reference you opened, for animals, objects and people alike. → references/realism-and-craft.md, references/anatomy.md
  3. A style is a way of making marks. Change the medium, the edge and the order of the marks, beyond the palette. → references/styles.md
  4. Prove the look on ONE still, then build end to end. After that, gates cost more than they save. → references/working-method.md
  5. The contract is absolute. Pure in (frame, env) (and the input log, for interactive pieces), rng(seed) only, no clock, no ctx.filter. Nothing generated; images they bring may be embedded by hash, and the sound pack is a separate, hash-pinned download. → references/determinism-and-contract.md
  6. Music gets a plan, never an adjective. A style, a mood per section, the notes as data, then measurements. You cannot hear it, so one human listens before it ships. → references/music/
  7. One directs, one builds, both write everything down. When a session degrades, reset; the files are the memory. → references/working-method.md

Workflows

Still. (1) Say the idea in one sentence; name the focal subject and the light. (2) Open real reference for anything that exists, and note which. (3) Pick the style and read its plate's header first. (4) Draw in that medium's order. (5) Render with still.mjs at full size, run the detail pass on crops (faces, hands, feet, joins; references/craft-bar.md), critique in writing. ✋ One approval. (6) Deliver every size and shape asked for from the same source, and say reproducible was printed.

Loop. As a still, plus: every motion is periodic over the loop, the subject never stops, something moves every second. Check the seam (last frame against frame 0). ✋ One approval, on the moving file.

Film. (1) The story in three sentences (setup, transformation, payoff) and the token; for longer films, a spine plus one line per chapter. If you cannot write it, stop. (2) The grid: a beat is 60 x fps / bpm frames, the bpm from the brief's score; one cue table holds every frame number and a checker runs at load. (3) Real reference for anything that exists. (4) ONE look still, the hardest frame, critiqued in writing. ✋ Approval. (5) ONE 8-second music sample. ✋ Approval. (6) Build the whole film; mechanical checks run continuously. (7) Review once from the rendered file, as four readings with a scorecard (references/workflows/review.md). One ranked fix list, one rebuild. (8) ✋ Final approval. Say what you verified and what you cannot.

Three approval gates at most. Approval is a budget; spend it where being wrong is expensive.

Show full SKILL.md (481 more words)Show less

The craft bar

The test: would a proud human illustrator ship this, or is it mechanical shape-assembly? The full table of tells is references/craft-bar.md. The ones that sink most work: subjects built from ellipses, one style recoloured into another, things that fade in instead of being drawn, people with rubber joints, and a character drawn differently from shot to shot.

No dead air in anything that moves: something visibly changes every second. A film that draws itself declares kind: "drawing" and is judged on a finer floor; a freeze still fails.

The engine

engine/ is the portable art core plus the tooling. engine/src/canvas-core knows nothing about the DOM or any backend. W, H, fps and durationFrames come from the film's meta. Camera moves (pans, zooms, parallax, shake): engine/src/canvas-core/camera.ts, references/camera.md. Seams between scenes: references/motion-grammar.md (cuts that carry motion: seams.ts; tools/deck.mjs deal deals each film different moves). render.mjs --blur auto renders with motion blur (subframes per frame from its measured on-screen speed, averaged in linear light, --shutter 180); the default path is untouched.

bash
node <skill>/engine/tools/scaffold.mjs ~/art --film intro --format 9x16 --duration 12   # seconds
cd ~/art && npm install && npx playwright-core install chromium
node tools/still.mjs intro --frame 0 --out out/look.png --scale 2   # a still, with its hash
node tools/render.mjs intro                                        # MP4; --out x.gif|x.webm|x.apng
node tools/gate.mjs intro                                          # determinism, contract, dead air
node tools/emit.mjs intro --out out/intro.html                     # one self-contained offline player
node <skill>/engine/tools/soundfetch.mjs list    # no network. Nothing installed and not declined: ask the user now
node <skill>/engine/tools/soundfetch.mjs get piano rooms  # on their yes (piano 233 MB, all 373 MB). On no: soundfetch.mjs decline
ToolWhat it does
scaffold.mjsa project with a still and/or film; --duration, --format or --size, --fps, --bpm
still.mjs / render.mjsframes drawn twice with hashes (--frames a,b,c --sheet in one browser) / the piece in any format (--from/--to, --poster-frame, --hashes)
gate.mjsdeterminism, contract, dead air, artifact; --self-test proves it can fail
registry.mjs / gallery.mjsthe style list from the plates themselves / the gallery sheet
docs-check.mjsfails when any doc's style count, length or path disagrees with the code
verify-export.mjsQA on the rendered file: frames, duration, score, A/V sync, true peak after the encode; opt-in first frame, loop seam, --delivery
launch.mjsa launch film: new <name> scaffolds the spec; ship <name> --shapes 16x9,9x16 renders, posters, captions, verifies and framechecks each (framecheck.mjs: no text cut by the frame's edge)
test.mjs (npm test)unit suites in engine/test/, no browser
music.mjsvocab prints a style's vocabulary; check gates your composed score (key, master, guards, stems, novelty, which parts played recordings) and prints its shape (ARC); render, meter
soundfetch.mjsthe sound pack: list, get <id...|all>, where, verify, remove <id>
sfx.mjsthe sound-effects kit: list, one, kit <dir>, test

Four backends, one art core: playwright, html-player, remotion, hyperframes. → references/backends-and-adapters.md

Worked examples

  • The style plates in engine/src/canvas-core/: every hand has a still and a film of it being drawn, with the recipe in the header and references/styles/<id>.md.
  • MECHANICAL LEPIDOPTERA in example/: a 47 s scored film. scaffold.mjs ~/study --example.

Study them. Do not copy them. The craft bar is not satisfied by inheritance.

Honest limits

You cannot hear the score, watch the film move, or use the interactive piece. Every claim about them comes from a measurement or from a human; say which. A green checkmark is a claim until you re-run it. Render one frame at --scale 2 before trusting a still: a layer blitted through the wrong transform looks right at 1x and breaks at 2x.

© alexgreensh, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 571 other files (references, assets) in skills/anidoodle of alexgreensh/anidoodle.

  • SKILL.md
  • assets/styles.jpg
  • engine/assets/refs/PROVENANCE.json
  • engine/assets/refs/vangogh-almond-blossom.jpg
  • engine/package-lock.json
  • engine/package.json
  • engine/src/canvas-core/adaptAlmond.ts
  • engine/src/canvas-core/adaptAquarelle.ts
  • engine/src/canvas-core/adaptScrapbook.ts
  • engine/src/canvas-core/bake.ts
  • engine/src/canvas-core/bakerSheet.ts
  • engine/src/canvas-core/balloon.ts
  • engine/src/canvas-core/balloonDraw.ts
  • engine/src/canvas-core/banner.ts
  • engine/src/canvas-core/bitRig.ts
  • … and 557 more

Open the folder on GitHubat commit 06f8be2

Compare with similar skills

Anidoodle next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Anidoodle compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Anidoodle this skillalexgreensh/anidoodle878—~2.7kAutomated safety check: PassApache-2.0
HyperFrames Animationheygen-com/hyperframes60k3 repos~2.1kAutomated safety check: PassApache-2.0
HyperFrames Keyframesheygen-com/hyperframes60k1 repos~4.1kAutomated safety check: PassApache-2.0
AnalyzeKumarSashank/motiscope122—~3.1kAutomated safety check: NotesMIT
Phone UI Demo AnimationsUnclecheng-li/AI_Animation1.5k—~703Automated safety check: PassMIT
Awwwards Motion DesignYu-369/VibeCurb979—~13kAutomated safety check: PassMIT

Similar skills

  • HyperFrames Animation

    heygen-com/hyperframes

    Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.

    60k GitHub starsUsed in 3 repos~2.1k tokens
    Media & CreativeAuto-check passed
  • HyperFrames Keyframes

    heygen-com/hyperframes

    Writes seek-safe 2D and 3D keyframes for HyperFrames video compositions, covering punch-ins, zooms, reframes and camera moves without touching clip assembly.

    60k GitHub starsUsed in 1 repo~4.1k tokens
    Media & CreativeAuto-check passed
  • Analyze

    KumarSashank/motiscope

    Analyze a screen recording of an animation to characterize its motion — timing, easing, transforms, and sequencing — so it can be recreated as web code.

    122 GitHub stars~3.1k tokensUpdated 2 mo ago
    Media & CreativeAuto-check: notes
  • Phone UI Demo Animations

    Unclecheng-li/AI_Animation

    Turns a product, lesson or script into a cinematic web animation staged inside a realistic phone interface, with lock screens, chats, settings and a virtual-clock player.

    1.5k GitHub stars~703 tokensUpdated 6 days ago
    Media & CreativeAuto-check passed
  • Awwwards Motion Design

    Yu-369/VibeCurb

    Motion design pipeline for building Awwwards/Apple-tier animations, micro-interactions, scroll sequences, page transitions, and kinetic typography.

    979 GitHub stars~13k tokensUpdated 2 mo ago
    Media & CreativeAuto-check passed
  • Yuv Viral Video

    hoodini/ai-agents-skills

    Edit any selfie or screen-share footage into a viral short-form video in YUV.AI's signature style — Apple-style liquid-glass cards (real CSS backdrop-filter), dark-mode polish, MrBeast-paced cuts…

    282 GitHub stars~7.5k tokensUpdated 3 mo ago
    Media & CreativeAuto-check: notes

Questions about Anidoodle

What does Anidoodle do?

Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 32 styles, with composed scores. Anidoodle is an agent skill from alexgreensh/anidoodle. Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 32 styles, with composed scores.

When should I use Anidoodle?

Anidoodle fits situations like: tasks that involve Web animation and motion; tasks that involve Motion graphics; tasks that involve Generative and creative coding.

How do I install Anidoodle in Claude Code?

Run `npx skills add alexgreensh/anidoodle --skill anidoodle -a claude-code`. Or copy the skill folder (skills/anidoodle in alexgreensh/anidoodle) into .claude/skills/anidoodle in your project. Claude Code loads it when a task matches its description.

How do I install Anidoodle in Codex?

Run `npx skills add alexgreensh/anidoodle --skill anidoodle -a codex`. Or copy the skill folder (skills/anidoodle in alexgreensh/anidoodle) into .agents/skills/anidoodle in your project. Codex loads it when a task matches its description.

Can I use Anidoodle in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add alexgreensh/anidoodle --skill anidoodle -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/anidoodle, .gemini/skills/anidoodle, .github/skills/anidoodle and .opencode/skills/anidoodle in your project.

What does Anidoodle need to run?

Going by SKILL.md and its folder, Anidoodle needs TypeScript for the scripts in its folder and the command-line tools its instructions call (node, npm and npx). Our summary lists: Node.js.

Does Anidoodle access the network?

SKILL.md contains no URLs. Its commands use npm and npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Anidoodle safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Anidoodle use?

Anidoodle is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Anidoodle use?

About 2.7k tokens (SKILL.md is roughly 11k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 104k tokens, read only when the agent opens those files.

What are the alternatives to Anidoodle?

Skills that share tags, products or a category with Anidoodle: HyperFrames Animation (heygen-com/hyperframes, 60k stars), HyperFrames Keyframes (heygen-com/hyperframes, 60k stars), Analyze (KumarSashank/motiscope, 122 stars) and Phone UI Demo Animations (Unclecheng-li/AI_Animation, 1.5k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Anidoodle?

alexgreensh (a GitHub user) maintains it in alexgreensh/anidoodle, which has 878 GitHub stars. The repository was last updated on October 10, 2026.

Source: alexgreensh/anidoodle on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.