UI Designer

--- name: ui-designer description: Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics. --- # UI Designer ## Overview This skill enables systematic extraction of design systems from reference UI images through a multi-step workflow: analyze visual patterns → generate design system documentation → create PRD → produce implementation-ready UI prompts. ## When to Use - User provides UI screenshots, mockups, or design references - Need to extract color palettes, typography, spacing from existing designs - Want to generate design system documentation from visual examples - Building MVP UI that should match reference aesthetics - Creating multiple UI variations following consistent design principles ## Workflow ### Step 1: Gather Inputs Request from user: - **Reference images direc