Frontend Design Skill

This skill helps create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics.

Core Principles

When building any frontend interface, follow these principles to create visually striking, memorable designs:

1. Establish Bold Aesthetic Direction

Before writing any code, define a clear aesthetic vision:

• Understand the purpose: What is this interface trying to achieve?
• Choose an extreme tone: Select a distinctive aesthetic direction
  • Brutalist: Raw, bold, functional
  • Maximalist: Rich, layered, decorative
  • Retro-futuristic: Nostalgic tech aesthetics
  • Minimalist with impact: Powerful simplicity
  • Neo-brutalist: Modern take on brutalism