craft-design-promptlisted

# Craft Design Prompt ## When to use - User wants to design something in an AI design tool, or asks for help writing a design prompt. - User hands you a rough idea for a UI/screen and mentions an AI design tool. - Not for handling an already-generated design export, see the `implement-design-from-export` skill for that. AI design tools turn text prompts into UI designs and HTML/CSS. Don't repeat a rough prompt back as-is, polish it first. 1. Check the project for an existing `DESIGN.md` or similar design-token document, if one exists, fold its palette/typography/spacing into the prompt so the new screen stays consistent with the rest of the project. 2. Assess what's missing: platform, web/mobile/desktop, page type, structure, vibe/mood, colors, component terms, and interaction states, hover, active, loading, empty, error, not just the idle state. A prompt describing only idle state produces an export with no other states, and those states then have to be invented from scratch when implementing it, see `implement-design-from-export`. 3. Translate vague terms into proper UI/UX keywords: "menu at the top" → "navigation bar with logo and menu items", "button" → "primary call-to-action button", "list of items" → "card grid layout". 4. Amplify the vibe with concrete descriptors: "modern" → "clean, minimal, with generous whitespace", "professional" → "sophisticated, trustworthy, with subtle shadows". When the rough idea describes motion, "smooth", "snappy", "bouncy", translate i