# Frontend Design

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

- Skill: `breverdbidder/frontend-design` (Agent Skill)
- Install (CLI): `npx skillmds@latest add breverdbidder/frontend-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/breverdbidder/frontend-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: breverdbidder (https://skillmd.com/u/breverdbidder)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/breverdbidder/frontend-design

---


# 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"
```