Frontend Design

Create distinctive, production-grade frontend interfaces that avoid generic AI slop aesthetics

breverdbidder 7b0b27e 822 B Updated

File contents

Frontend Design

Creates bold, production-quality frontends with exceptional aesthetic attention.

When to Use

  • Building React components/pages
  • Creating dashboards or landing pages
  • Any frontend work avoiding generic "AI slop"

Before Coding

Pick ONE bold aesthetic direction:

  • Brutally minimal
  • Maximalist chaos
  • Retro-futuristic
  • Luxury/refined
  • Brutalist/raw
  • Industrial/utilitarian

Core Principles

  1. NO blue/purple gradients
  2. Commit fully to chosen aesthetic
  3. Production-ready code, not mockups
  4. Meticulous typography and spacing

Usage

"Use frontend design skill to build auction dashboard"
"Redesign landing page - brutalist aesthetic"

breverdbidder/brevard-bidder-landing/tree/main/.claude/skills/frontend-design commit 7b0b27ef94

Frequently asked questions

npx skillmds@latest add breverdbidder/frontend-design