---
name: frontend-design
description: Generates distinctive, production-grade frontend interfaces with bold aesthetics, distinctive typography, and context-aware implementation. Avoids generic AI aesthetics.
---

# Frontend Design

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics.

## What It Does

Claude automatically uses this skill for frontend work. Creates production-ready code with:

- Bold aesthetic choices
- Distinctive typography and color palettes
- High-impact animations and visual details
- Context-aware implementation

## Usage

```
"Create a dashboard for a music streaming app"
"Build a landing page for an AI security startup"
"Design a settings panel with dark mode"
```

Use this skill whenever doing frontend design work to ensure the resulting interface is modern, distinctive, and high quality.