22 instruction files for AI agents, collected from illodev/drawn-by-code. Install any of them at an exact version with mdr add illodev/drawn-by-code/<name>.
illodev/drawn-by-code · .claude/skills/animate/SKILL.md · Directs the creation of a code-made animation or video in drawn-by-code, from brief to final MP4. Use it whenever the…
illodev/drawn-by-code · .claude/skills/engine/SKILL.md · Technical reference for the drawn-by-code engine. Use it when writing or debugging a scene's code (scene.js), when…
illodev/drawn-by-code · .claude/skills/hands/SKILL.md · How to draw hands in drawn-by-code, in any style. Use it before drawing, redrawing or reviewing any hand, and whenever…
illodev/drawn-by-code · .claude/skills/new-style/SKILL.md · Creates a new animation style in drawn-by-code (code kit + template + skill + style test). Use it when the user asks…
illodev/drawn-by-code · .claude/skills/replicate/SKILL.md · How to replicate a reference video 1:1 (or study a style from one) with the drawn-by-code engine, measuring instead of…
illodev/drawn-by-code · .claude/skills/review/SKILL.md · Review and self-improvement loop for drawn-by-code. Use it after EVERY render or visible change to a scene, whenever…
illodev/drawn-by-code · .claude/skills/sound/SKILL.md · Music, sound effects and mixing for drawn-by-code videos. Use it when choosing or cutting music, syncing the animation…
illodev/drawn-by-code · .claude/skills/style-clay/SKILL.md · Clay (plasticine) style, in testing: soft 3D pieces lit from the top left with fingerprints, tool marks, a waxy sheen…
illodev/drawn-by-code · .claude/skills/style-clay3d/SKILL.md · Clay 3D style, in testing: raymarched plasticine puppets (WebGL2 in the headless browser) built from lumpy pressed-on…
illodev/drawn-by-code · .claude/skills/style-engraving/SKILL.md · Engraving style (in testing): 3D scenes drawn as a plate of the «Description de l'Égypte» — charcoal tone on toothed…
illodev/drawn-by-code · .claude/skills/style-felt3d/SKILL.md · Felt 3D style, in testing: needle-felted wool puppets raymarched in WebGL2 (a halo of stray fibres on every silhouette…
illodev/drawn-by-code · .claude/skills/style-kaleidoscope/SKILL.md · Kaleidoscope style: radial mirror symmetry, pieces coming out of the center, rotation and color cycling. Use it for…
illodev/drawn-by-code · .claude/skills/style-line/SKILL.md · Line style: black line on white paper that wobbles on purpose (line boil), like hand-drawn animation at 12 drawings per…
illodev/drawn-by-code · .claude/skills/style-pixel-art/SKILL.md · Pixel art style, in testing: crisp square pixels on a low-res grid (e.g. 192 or 230 across) blown up with…
illodev/drawn-by-code · .claude/skills/style-risograph/SKILL.md · Risograph style: scenes printed like a riso print, in four spot inks (fluorescent pink, yellow, blue, navy) on warm…
illodev/drawn-by-code · .claude/skills/style-tabletop3d/SKILL.md · Tabletop 3D style, in testing: «an office in miniature» — real desk objects (a paper clip, an eraser, a stapler, a…
illodev/drawn-by-code · .claude/skills/transitions/SKILL.md · Transitions between shots and between styles in drawn-by-code (engine/transitions.js): entering through a point (eye…