This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. 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.

Project Design Memory (Required)

Before proposing or implementing UI styles:

Check <repo-root>/DESIGN.md.
If present, treat it as the design system source of truth (tokens, typography, component rules, vibe).
If missing and task includes UI/design work, create it via the design-system-doc skill template and align implementation to it.
After significant design changes, update DESIGN.md in the same task.

Design Thinking

Before coding, understand the context and commit to a BOLD aesthetic direction:

frontend-design

Project Design Memory (Required)

Design Thinking