Frontend Design

Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. This skill combines design philosophy guidance with practical TypeScript tooling for analyzing existing designs and generating design system artifacts.

Core Principle: Choose a clear aesthetic direction and execute it with precision. Bold maximalism and refined minimalism both work - the key is intentionality, not intensity.

When to Use This Skill

Use when:

• Building web components, pages, or applications
• Auditing existing CSS for design inconsistencies
• Extracting design tokens from legacy codebases
• Generating color palettes and typography systems
• Creating component templates across frameworks
• Checking accessibility compliance for design elements