Project
code-drawn-scenes: a one-shot scene design toolkit
An agent skill for building illustrated scenes in code (Canvas2D, SVG, WebGL-2D) that look finished on the first pass and can be developed into interactive websites.
peculiar-ragdoll
A skill for Claude Code (and other Agent Skills runtimes) for drawing illustrated scenes in code: interiors, streets, landscapes, still lifes, game art, hero banners and ambient animated loops, in Canvas2D, SVG or WebGL-2D. The room behind this site is the scene its guidelines were distilled from.
Most first-pass scenes don’t fail on drawing skill. They fail on correctness: edges that don’t share a vanishing point, things that float, overlaps in the wrong order, placeholders, crammed placement. The skill has the agent decide the camera, the light, the layout and the draw order as data before it draws, prove the geometry with checks in code, build every element finished, and review its own render zoomed in.
What’s in it:
- guides for perspective, lighting, plausibility, composition, detail and figures
- a Canvas2D kit with a world camera and scene checks, and an optional world-space perspective helper
- a render-and-check runner that renders given frames, saves zoomed tiles and prints failing checks
- a way to run the build as a one-shot: an independent builder, an adversarial reviewer, and fresh fix passes, each fitting in one context