frontend-design

1. Trigger Conditions

Invoke this skill when:

• User asks to build a web component, page, dashboard, landing page, or application UI
• User asks to style, redesign, or beautify an existing interface
• A frontend slice in incremental-implementation requires UI work
• User says "make it look good", "design this", or "build the UI"

2. Prerequisites

• Clear description of the component purpose, target audience, and any technical constraints
• react-component-scaffolder skill available for component structure
• Framework context: React (Vite), Next.js, plain HTML/CSS, etc.

3. Steps

Step 1: Design Thinking (before any code)

Understand the context and commit to a BOLD aesthetic direction: