anidoodle

Featured

Code-drawn illustrations, animations and scored films in nine hand-drawn styles, zero assets, identical every render. Use for hero art, explainers, stickers, loops, animated logos, storyboards or a short film.

AI & Automation 377 stars 32 forks Updated today Apache-2.0

Install

View on GitHub

Quality Score: 93/100

Stars 20%
86
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# anidoodle Pictures, loops and films drawn entirely in code. One pure function, `renderFrame(film, ctx, frame, env)`, paints every frame; a second pure function writes every audio sample. A still is that function called once. Nothing downloaded, nothing sampled, nothing random, so the source rebuilds the same pixels on any machine, at any size, for as long as the file exists. The engine is the easy half. Pieces get thrown away because they had no point, because the subject looked like a road-sign icon of itself, because the style was a palette swap, because the music sounded like a ghost crying, or because the client's patience went on approving fragments. This skill carries the craft that prevents each of those. ## What are you making? | Making | Scaffold | Workflow | Read | |---|---|---|---| | A still: hero art, spot, cover, social card, diagram, a series | `--still <name>` | **Still**, below | `styles.md`, `formats.md` | | Motion without a story: loop, sticker, animated logo, ambient header | `--film <name>` | **Loop**, below | `formats.md`, `styles.md` | | A film: 30 to 90 s, a transformation, a score | `--film <name>` | **Film**, below | all of `references/` | Ask for the size, the style (or pick one from `references/styles.md` and say why) and where it will live, if the request leaves them open. Everything else has a default. ## The seven laws 1. **Every piece has a point.** A still: one idea, one focal subject, one light. A film: one transformation, one payo...

Details

Author
alexgreensh
Repository
alexgreensh/anidoodle
Created
4 days ago
Last Updated
today
Language
TypeScript
License
Apache-2.0

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

ink-film

Make hand-drawn animated films in code — every frame drawn in JavaScript on a canvas in an engraved, blueprint, risograph or brand-mapped style — from a poem, script or brand story, then deliver a private web page plus MP4, silent MP4, WAV and SRT. Use when the user asks for a film "like the poem one", an animated poem, a hand-drawn / engraved / etched / ink / risograph / blueprint animation, an illustrated explainer or brand film, a video "drawn frame by frame in JavaScript", or types /ink-film.

1 Updated 3 days ago
sahaib
AI & Automation Listed

inked-explainer

Make a hand-inked explainer / promo / product-story video entirely in code with Remotion — warm printed paper with pastel diagonal stripes alternating with a navy blueprint, drawn props that carry the story, a lowercase title typed top-left, a progress dial top-right, ink wobble and film grain, and a soundtrack (music bed + SFX) synthesised from nothing. Use when someone asks for an explainer video, an animated promo, a "how it works" film, a launch video, a product story, a vertical social cut or a store preview in this hand-drawn paper-and-blueprint style, or says "make a video like the hand-drawn explainers", "animate this in code", "no After Effects / no animation tool". Ships a working template (landscape + portrait from the same scene files) to copy.

1 Updated yesterday
mateo-khalil
Web & Frontend Listed

opus-js-animations

Direct and render films made entirely in JavaScript, from an idea to a frame-exact MP4, working like a film director. Take the brief, then ask where the sound comes from (the person's audio file, a YouTube or other link fetched with yt-dlp, a score generated in JavaScript, or a voiceover from their ElevenLabs or OpenAI key). Study that audio, ask about look, pacing, 2D or 3D (three.js or not) and the points to land, and present a director's treatment scene by scene. Build only after the go-ahead, as one HTML page (Canvas 2D with WebGL shaders by default, three.js when 3D is wanted) where every frame is a pure function of time, checked frame by frame and rendered with audio for Reels, TikTok, Shorts, X or YouTube. Use it whenever someone wants an animation, motion graphic, explainer, lyric or poem video, visualizer, reel, generative art, or a painting or poster made in code, says "make a video like this clip", or asks to revise such a film.

5 Updated yesterday
klsoen