Frontend Design

---
name: Frontend Design
author: anthropics
version: 1.0.0
description: Instructs agents to avoid generic AI aesthetics and make bold, intentional design decisions with React & Tailwind.
category: Design
tags: [design, frontend, tailwind, react, anti-slop]
platforms: [claude-code, claude-ai]
license: Apache-2.0
---

# Frontend Design

The Frontend Design skill from Anthropic is one of the most impactful skills in the ecosystem. It teaches AI agents to avoid the dreaded 'AI slop' aesthetic — generic purple gradients, cookie-cutter layouts, and uninspired design choices. Instead, it guides agents toward bold, intentional design decisions using React and Tailwind CSS.

## Usage

This skill automatically enhances your AI agent's capabilities
when installed. No additional configuration required.

## Installation

```bash
npx skills add anthropics/frontend-design
```

## Compatibility

This skill is compatible with: claude-code, claude-ai

## License

Apache-2.0