Frontend Design

This skill guides the creation of distinctive, production-grade frontend interfaces that feel extremely premium and "state-of-the-art". It avoids generic AI-generated looks in favor of bold, intentional design.

When to use this skill

• When building new web applications or components.
• When styling or refactoring an existing UI to make it look "premium".
• When you need to create custom visual assets like landing page headers or background patterns.

How to use it

1. Commit to a BOLD Aesthetic Direction

Before writing a single line of CSS, decide on a conceptual direction:

• Conceptual Tone: Luxury Refined, Brutalist RAW, Industrial Utilitarian, Playful/Toy-like, Soft Pastel, Retro-Futuristic, etc.
• Intentionality: Every Choice (spacing, color, font) must be intentional, not opportunistic.