UI/UX Pro Max

This skill provides professional-grade UI/UX design guidance, focusing on modern aesthetics, accessibility, and consistency.

Capabilities

1. Design System Generation

Can generate a complete design system including:

• Colors: Primary, secondary, semantic, and neutral palettes (OKLCH/HSL).
• Typography: Font pairings, scales, and line heights.
• Spacing: Consistent spacing grids (4px/8px rule).
• Components: Variations for buttons, inputs, cards, etc.

2. Design Patterns

• Glassmorphism: Backdrop filters, transluscent layers.
• Bento Grid: Grid-based layouts for dashboards and landing pages.
• Neumorphism: Soft UI shadows (use sparingly).
• Dark Mode: High contrast, desaturated colors for eye comfort.