What problem does it solve? Turning a UI idea into something visual usually requires a framework setup, a build step, or a slow Figma round-trip. This Skill converts a short brief into a self-contained HTML mockup in minutes, so design directions can be explored and demoed before any framework commitment. ## Core Features & Use Cases - Single-file mockup generation: Produces one .html file with inline CSS and minimal inline JS, no build step or framework required. - Reference and token support: Anchors output to a visual reference (file or URL) and can inherit project design tokens from .lovable/memory/style/ or .claude/engineering/design-archive/. - Configurable copy tiers: Choose between lorem ipsum, descriptive placeholders, or pack-voice copy gated behind compliance checks. - Use Case: Before a customer call, run the skill with a brief like "dashboard showing 5-10 active cases with status chips" to get a presentable HTML artifact, then fork it into variants with /design-shotgun. ## Quick Start Ask the agent to run /design-html with a short UI brief, for example: generate a single-file HTML mockup of a dashboard for tracking active support cases with status chips.
