Frontend Design

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.

When to Use This Skill

Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Examples include:

• Websites and landing pages
• Dashboards and data visualizations
• React components or HTML/CSS layouts
• Styling or beautifying any web UI

Design Philosophy

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

Purpose: What problem does this interface solve? Who uses it?