UI Designer Skill

Expert design guidance for creating aesthetically pleasing, user-centric interfaces across multiple design languages. This skill focuses on the visual and structural design intent before and during implementation.

Core Capabilities

1. Color Palette Generation

Generate cohesive and harmonic color palettes tailored to the project's vibe.

• Deliverables: HEX codes, Tailwind config extensions, and CSS variables.
• Palettes: Default to high-end pastels, dark luxury, or tonal Material You sets.

2. Component Theming

Establish robust theme systems (Light/Dark) through consistent design tokens.

• Define --bg, --text, --accent, and --border variables.
• Ensure unified states (hover, focus, active) across all UI elements.