pixel-art-storyboard

# Pixel Art Storyboard Take a short scene description (2-3 paragraphs, 1-3 elements, mood-driven) and turn it into a self-contained HTML file with one or more **canvas-rendered seamless-loop pixel art** scenes. This is the bridge from **narrative input** to **animated visual output**. It pairs with `pixel-art-studio` (which handles palettes, dithering, quality scoring) by providing the workflow for going from "I want a cover for X" to "here is a working HTML you can open in a browser." --- ## When to use | User says | Use this skill | |---|---| | "Make a cover for [book/album/game]" | Yes — single-cover workflow | | "Animate this scene" + 1-3 paragraph description | Yes | | "I want a looping pixel background showing X" | Yes | | "Generate covers for these N books" | Yes — multi-cover grid layout | | "Just draw a sprite of X" | Use `pixel-art-studio` directly (no scene narrative) | | "Convert this image to pixel art" | Use `pixel-art-studio` preprocess.py | | "Score the quality of my pixel art" | Use `pixel-art-studio` + `pixel-art-reviewer` agent | --- ## The 5-element scene framework **Every scene description must specify these five elements**, either explicitly given by user or inferred from their input. | Element | What | Example | |---|---|---| | **Subject** | 1-3 foreground icons that carry meaning | "Red apple in pale hands" | | **Setting** | Background environment, depth layers (max 3) | "Deep night void, single distant star" | | **Lighting** | Source, directi...