Design & Iterate Visuals

Creates intentional, coherent visual identity and converts approved mockups into production-ready code. /design-consultation researches your design landscape, proposes a complete system (typography, color, spacing, motion) with deliberate creative risks, and generates a preview. /design-shotgun generates multiple visual variants using GPT Image, opens a comparison board in your browser, and iterates until you love something. /design-html turns approved mockups into Pretext-native HTML with dynamic text reflow (no hardcoded heights, text that actually reflows on resize).

Start with /design-consultation to build your design system (or skip if you already have one). Then use /design-shotgun to explore direction: describe the screen, get 3 variants, pick favorites, iterate until approved. Then run /design-html on the approved mockup to generate production HTML. The skill detects your framework (React, Svelte, Vue) and generates the right output. Live-reload server lets you see changes instantly. Taste memory learns your preferences and biases future generations.