content / skill

anidoodle

A coding-agent skill for illustrations, loops, films and interactive web art written as code, with styles including risograph, pixel art and sumi-e.

At a glance

Purpose
A coding-agent skill for illustrations, loops, films and interactive web art written as code, with styles including risograph, pixel art and sumi-e.
Runs in
Local agent with shell
Operating systems
Not stated
Needs
Runtime: Node 20+, browser; FFmpeg for animation; Needs internet: Not stated; Needs accounts or API keys beyond your agent: Not stated
Files and data
Reads files: Yes; Writes files: Yes; Sends data to other services: Not stated
Tool type
Skill
Delivery
From GitHub
Version
Latest on the main branch
Access
Code on GitHub
Compatibility
According to the README: Claude Code, Codex, Grok Build and any agent that reads skills. The README requires Node 20 or newer, shows Chromium installation through Playwright, and says moving outputs also use ffmpeg.
External costs
The README describes token use when writing the program and says subsequent renders use no additional model tokens. Your coding agent or model provider may charge for usage.
Permissions
The skill acts through your coding agent with the access you give it. According to the README, the engine setup runs npm install and installs a Chromium browser through Playwright, and the tools render image, video and HTML files and use ffmpeg. For Grok Build, the README says --trust confirms the install, and without it Grok shows what the plugin can run and stops. The README describes an optional sound-pack download through soundfetch.mjs after your agent asks you first. The repository file list also includes a top-level scripts/ folder whose contents and permissions the README does not describe.
Usage terms
Apache License 2.0, as stated in the repository. See its LICENSE file for the exact terms. The repository also has a NOTICE file.

Code on GitHub

alexgreensh/anidoodle

Apache-2.0

TypeScript893 stars73 forksLast pushed 10 Oct 2026 UTC

Art and animation, written as code. Illustrations, loops, interactive web art, launch-videos and scored films in dozens of styles, identical on every render.

Topics: agent-skills animation canvas claude-code claude-plugin claude-skills codex-plugin creative-code

Public GitHub data fetched · 0 days old

Skill folders in this repository (2)

Folders that contain a SKILL.md file, from GitHub's file list on .

View on GitHub ↗

What it does

anidoodle is a skill for coding agents for art, animation and music written as code. The README describes illustrations, drawing timelapses, films, explainers, interactive web art and launch videos, with styles including pencil and watercolour, risograph, pixel art, woodcut and sumi-e.

The README describes pure functions and seeded randomness for rendering, and lists PNG, scored MP4, GIF, WebM, transparent animated PNG and self-contained HTML outputs. The README describes an ES module with an ani-doodle element for web pages, a launch-film kit, drawing lessons and workflows using supplied images.

The repository contains skills/anidoodle and a plugin copy, with Claude, Codex and Grok plugin folders. The README says an optional 373 MB sound pack supplies recordings for acoustic instruments, while synths, electronic drums and effects remain code-based.

Who it is for

People who want a coding agent to produce illustrations, loops, films, launch videos and interactive web art as code.

Example tasks

Draw a pencil and watercolour pear for a recipes page.
Make a risograph lighthouse for a careers page at 1600x900.
Make a chalkboard explainer of how pricing tiers stack up.
Create a launch film for your product from a spec made with launch.mjs new.
Ask how to draw something and get a step sheet and captioned timelapse.

Getting started

For Claude Code, the README gives /plugin marketplace add alexgreensh/anidoodle, then /plugin install anidoodle@alexgreensh-anidoodle. For Codex, it gives codex plugin marketplace add alexgreensh/anidoodle, then /plugins in the Codex TUI to install anidoodle. For Grok Build, it gives grok plugin marketplace add alexgreensh/anidoodle and grok plugin install anidoodle --trust. Other agents can copy the skill folder skills/anidoodle, which has a SKILL.md. Then ask for what you want in plain words. The README also shows a scaffold script and Node tools for driving the engine yourself. The README has the exact commands.

Limitations

Needs an agent that loads skills. The README names Claude Code, Codex and Grok Build, and requires Node 20 or newer. The README says stills use Chromium installed through Playwright, while moving outputs also use ffmpeg. The README describes an optional 373 MB sound-pack download that the agent asks about first, and code-generated sound without that pack. The README names playwright, html-player, remotion and hyperframes backends. The repository can change at any time; check its README before you install.

Data practices

The README says exported HTML files play offline. It does not describe telemetry or what your coding agent sends to a model provider. The repository file list includes PRIVACY.md. Provider data handling depends on your coding agent and model provider.

Community experience

Not rated yet

Sign in to share your experience.

Comments 0

No comments yet.

Sign in to comment

Report a listing concern