anidoodle

https://github.com/user-attachments/assets/1cf7f75c-b040-4c00-bf0c-cf1885f8b8da

32 styles to choose from

Each style is its own way of making a mark: the taper of a nib, the bleed of a wash, the scumble of chalk on slate, the torn edge of cut paper, the halftone of a risograph drum, one engraved line spiralling out to become a moon. The subject changes shape in each hand, the way it would for 32 different illustrators. Every style also ships a film of its picture being drawn, mark by mark, in the order an artist in that medium works. Pick one for your brand and every picture after it arrives in the same hand. Every plate above, and the contact sheet itself, is drawn by code in this repo.

Style	How it's made
Ballpoint	One biro; tone from where hatching sits
Broken colour	Separate dabs of unmixed colour, impressionist
Chalkboard	Side-of-chalk scumble with dust
Charcoal erasure	Charcoal drawn, erased and redrawn, ghosts kept
Coloured pencil	Directional pencil hatching on toothy cream paper
Crayon	Waxy scribble fills that skip the paper's valleys
Cut-paper collage	Torn and cut paper, no drawn lines
Cyanotype blueprint	Ruling-pen drafting on a cyanotype sheet
Dream glaze	Thin resin-oil glazes, no visible stroke, every edge hard
Embroidery	Thread stitched through linen in a hoop
Flat vector	Crisp geometric shapes with grain and long shadows
Folk-tale storybook	Painted foreground dissolving into pencil line on cream paper
Ink & line-wash	Washes first, then a flexible nib
Isometric	A 2:1 isometric cutaway in flat-shaded planes
Low-poly 3D	Flat-shaded triangles, drawn in code
Marker comic	Flat cel fills and one heavy contour
Mid-century gouache	Opaque matte shapes, dry-brush edges, loose line
Newsprint halftone	One black screen plus a spot colour on newsprint
Painted oil	Bristle strokes and impasto on a toned canvas
Paper-craft	Layered cut paper and painted cut-outs, on twos
Pencil & watercolour	Washes that never quite fill their pencil line
Pixel art	A fixed 16-colour palette on a low-res grid
Risograph	Ink drums overprinting through registration
Rubber-hose	1930s cartoon ink with bendy limbs and film grain
Scratchboard	White lines scratched out of black clay
Single-line engraving	One unbroken spiral whose width is the tone
Stipple	Pen dots whose density is the tone
Storybook	Pencil and watercolour for characters
Sumi-e	One loaded brush on absorbent paper
Toy brick	Studded plastic bricks, built layer by layer
Vintage scrapbook	Engravings, cut-letter titles and taped cards on aged paper
Woodcut / ukiyo-e	A carved keyblock and colour blocks on washi

Every style draws itself

Every style ships the finished picture and, from the same source, a film of it being made in the order an artist in that medium works. Watercolour lays in pencil, then washes light to dark. A woodblock prints the keyblock, then each colour block. Pixel art blocks in flat shapes, then shades clusters. Nothing fades in: every stroke grows, every wash spreads from where the brush touched, and the film's last frame is the still, pixel for pixel. It is the timelapse, the making-of and the explainer diagram in one.

Music, composed in code

The notes are written as data and the engine makes the sound. Nothing in this repository is a recording. A music style is a vocabulary the model composes from, never a preset: 21 of them, from lo-fi electronic, house and synthwave to orchestral, jazz, folk and solo piano. Each gives the sound, the grooves and the harmony language; the chords, the motif and the form are written new, so every film gets its own score.

Install the optional sound pack and eight acoustic instruments play recordings of real ones: a Steinway grand and an upright, concert harp, marimba, vibraphone, glockenspiel, tubular bells and timpani, in three recorded rooms. Synths, lo-fi colour, electronic drums and sound effects stay in code. Without the pack every score still plays, unchanged.

node <skill>/engine/tools/soundfetch.mjs list    # the install directory and what is installed
node <skill>/engine/tools/soundfetch.mjs get all # download (373 MB), verify by hash, unpack; your agent asks you first

• Keys: a piano modelled on a real Steinway grand, Rhodes and Wurlitzer electric pianos, tonewheel and pipe organs, mallets and bells.
• Ensemble: string sections of separate players, brass, flute and clarinet, a choir that sings its vowels, nylon, steel and electric guitars, harp and four kinds of bass.
• Drums: real kits in code (acoustic, 808, 909, dusty, brushes, orchestral with timpani), every hit a little different.
• Real lo-fi: a 12-bit sampler, tape wobble and hiss, vinyl crackle and a kick that makes the mix breathe.
• Mix and room: per-part EQ, a drum bus, hall, plate and convolution reverbs, and a master at streaming loudness.

node tools/music.mjs check clears a score before anyone listens: key and mode, loudness, masking, the balance of every part, and novelty, which fails a score that sounds like a known one or quotes it.

Listen
A nocturne in A-flat	45 s, piano: it builds, peaks, then falls to a hush
The piano, played · the same notes, played flat	the difference is the performance: voicing, phrasing, pedal
Cinematic, awe · Lo-fi · Marimba · Electronic	more moods and instruments
The nocturne's theme in 15 seconds	the composer picks the form that fits the length

Also in the box: a sound-effects kit, fourteen layered, seeded effects cued to the exact frame, the score ducking under each one (sound design). How a score is composed: compose.md · every vocabulary.

Web pages that notice you

Interactive illustrations for real sites: a mascot that follows the cursor and reacts to buttons, a hero that draws itself as the page scrolls, a form companion that covers its eyes at the password field. One small ES module and a <ani-doodle> element, no framework, with reduced-motion and keyboard paths. Each frame is still a fact, given the input that led to it.

Launch your product, drawn in code

The film at the top of this page was made with anidoodle, and the kit it was made with ships with it. launch.mjs new <name> gives you a spec to fill: your product's name, the prompts a user would type, the answers (a drawn picture, your product's own screens, or a film), a few words and your install lines. It cuts a launch film on the beat: a chat that types itself, answers that bloom open, full-frame lettering, and an end card that holds your install lines long enough to copy.

• Four shapes, one timeline: 16:9, 1:1, 4:5 and 9:16, each re-composed for its frame with type that stays legible on a phone.
• Your product on screen: its interface drawn from data, items springing from the before state to the after.
• Sound from the picture: every key, press and landing gets its own effect, placed where it happens on screen, over a score composed for the film.
• Ready to post: launch.mjs ship <name> renders every shape with its poster frame and captions (.srt and .vtt), checks audio-to-video sync and peak level on the file you deliver, and fails any frame whose edge cuts off text.

Two looks (drawn ink, or clean for a UI-first product), at 30 or 60 fps, with motion blur matched to each frame's speed.

The rules come from four cuts of our own launch and from the craft of the best ones out there: say what it is within five seconds, never put words over the art, cut on the downbeat, make the first frame the thumbnail. → launch-video.md · the kit

Bring your own image

• Match a style. Show it a picture you love and it studies the hand (the marks, the edges, the palette, the paper) and draws something new in it. It borrows the style, never the picture.
• Recreate a photo. A photo becomes a scratchboard, a woodblock print or a single engraved line: the photo is measured for tone and fur or fabric direction, and every visible mark is drawn in code.
• Keep a character. Build a character once and every shot, pose and style uses the same one, from woodcut to toy bricks.

Learn to draw