This skill guides creation of distinctive, production-grade frontend interfaces. Implement real working code with exceptional attention to aesthetic details and creative choices.

The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.

A note on LLM design limitations — read this first

Be transparent with the user about this. Before generating any design, the user needs to understand what you can and can't do, so they know where their input is critical.

What you struggle with and why

You generate design by predicting the most probable next token. This means every design choice you make gravitates toward the statistical center of your training data — the average of "good design." You will produce competent, well-structured, polished work that looks like every other competent, well-structured, polished work. This isn't laziness — it's how the mechanism works. The average is what you're optimized to find.

Specifically:

frontend-design

A note on LLM design limitations — read this first

What you struggle with and why