What problem does it solve? Designing a standout frontend usually means one safe, generic result. This Skill rolls seeded, clash-checked technology recipes (hero, material, motion, layout, palette, type) and builds five genuinely different single-file HTML variants side by side, so a human can pick a direction instead of accepting the first draft. ## Core Features & Use Cases - Seeded recipe rolling: scripts/roll.py draws distinct tech mixes from a verified CDN catalog, enforces clash, performance, and novelty rules, and locks palette and typography from an approved DESIGN.md. - Five-variant web rounds: dispatches one builder per variant using a structured brief template, then gates each variant against hard rejections, litmus checks, and a design checklist before presenting a comparison board. - Eyes-on QA: scripts/screenshot.py captures desktop and mobile screenshots with console-error detection and stitches a contact sheet for visual review. - Video mode: rolls one recipe and routes it through HyperFrames as a 2-3 scene launch-video composition, previewed but never rendered without approval. - Use Case: Ask for a landing page for a new npm package that must not look generic; receive five variants (e.g., Gaussian splat hero vs. kinetic typography vs. ASCII-dither), a contact sheet, and a board, then pick a winner to port to React. ## Quick Start Ask the assistant to make a landing page for your product look amazing and surprise you with five different design directions to choose from.
