---
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