domains / families / design / design-taste-frontend

design-taste-frontend

authentic

Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.

When to use

• Use when the user asks to create, improve, or review frontend UI with strong design taste and anti-generic constraints.
• Use when React, Next.js, Tailwind, motion, component states, typography, spacing, color, or responsive behavior need senior-level design judgment.
• Use when the output must override common LLM UI biases such as centered heroes, purple gradients, card overuse, poor states, and fragile layouts.

When not to use

• This skill provides frontend design and implementation guidance; it does not replace project-specific product requirements, accessibility review, or user testing.
• Verify framework versions, installed dependencies, responsive behavior, and build output in the target repository before treating generated UI as production-ready.
• Do not force these design rules when the existing product, brand system, or platform conventions require a different visual direction.

Skill page

Source