Frontend Design

Expert guidance for creating beautiful, accessible, and responsive frontend designs using modern UI principles, color theory, and React+Tailwind CSS patterns.

• Leverage native parallel subagent dispatch and 200k+ context windows where available.

Activation Conditions

Use symptom -> action triggers: when one matches, apply this skill and verify with the protocol below.

Color & Design:

• Choosing color palettes for applications
• Applying the 60-30-10 design rule
• Creating accessible color combinations
• Designing backgrounds, text, and accent colors
• Triggered on color selection, UI color palette design, gradient creation
• Ensuring WCAG contrast compliance