stageshow

stageshow makes miniature product UI: a believable interface, framed in its space, as one still or a short animation in which one thing happens, where the viewer recognizes the screen and sees the thing happen. Its one idea: it reads as a real product, simplified to what the viewer needs, framed with intent, and every motion has a cause. Five ways it fails are named: too much (real text in every row, numbers everywhere, everything packed); wireframe (two gray blobs and a button, built too small or stripped of what made it recognizable); boxed (a whole window shrunk into a card with even margins, a screenshot pasted in, not a product shot); flat (every object the same weight in the same bordered card, the eye with nowhere to land); and bland (a gray window with a cursor, whatever the brief said). The fix: a full, structured screen in quiet grays, real words only on what the story is about, placeholder lines for the rest, room to breathe, and a crop that puts the eye where the story is, simplifying the words, not the context. The workflow writes the plan first (where it sits, the focal object, the action, the payoff, what can be left out), then medium and place, look (tokens mapped from the product, theme, palette, fidelity minimal, standard, or realistic), story (three to five beats and a payoff, 10 to 16 seconds), starting from the closest gold example and copying its folder rather than rewriting it from a glance, building the screen with a budget of usually 3 to 7 real strings, choreographing with the Act API, and rehearsing with a poster frame first, then the filmed loop at the shown width and at 390, plus a fresh-eye review and a REHEARSAL note beside the component. The kit is copied into the project and imported from kit/index.ts, with React, react-dom, and lucide-react, covering the stage, frames, motion parts, and small parts. Limits as written: design at the size it will be seen, about 720 by 340 for a hero beside copy, 900 to 1100 wide for a full-width hero, 400 by 300 for a card, shown at 1:1, never under about 320 wide for a demo; every demo that can sit in a phone column ships a compact design at the column's width (358), a redesign not a squeeze. Credit: created by benjitaylor. Licence: the vetted file states no licence, so it is recorded as non indiquée. Source: https://github.com/benjitaylor/skills, file stageshow/SKILL.md (corrected path, not skills/stageshow/SKILL.md).