Frontend

Purpose

This skill generates production-oriented web interfaces with strong visual quality. It corrects for statistical biases in AI-generated frontend code that produce repetitive layouts, generic typography, and poor interaction states. The output should feel deliberately crafted: varied composition, calibrated motion, structured component hierarchy, and accessible interactions.

When to Activate

• User requests a landing page, marketing site, SaaS dashboard, or product UI
• User asks for a "premium," "high-end," or "polished" frontend
• User wants a React, Next.js, or Tailwind component with strong design quality
• User has not specified an aesthetic (default skill for general frontend tasks)

When Not to Activate

• User wants industrial brutalist interface (use brutalist)
• User wants editorial minimalism specifically (use minimal)
• User wants GSAP scrolltelling or motion as the primary feature (use motion)
• User needs to redesign an existing project (use redesign)
• The task is purely technical (data migration, API integration, non-visual logic)

Core Principles