# frontend-design

> Pushes agents toward distinctive, production-grade UI instead of generic layouts.

- Type: Skill
- Use case: Design & Frontend
- Works with: Claude Code, Claude apps, OpenAI Codex, Gemini CLI, Cursor, VS Code & Copilot
- Website: https://github.com/anthropics/skills/tree/main/skills/frontend-design
- Source: https://github.com/anthropics/skills/tree/main/skills/frontend-design
- Author: Anthropic
- Pricing: Open Source
- License: Apache-2.0
- Listed on MetaSkill: https://meta-skill.com/skills/frontend-design

## Install

```
# Claude Code (part of example-skills)
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills
```

## About

frontend-design gives the agent guidance on typography, colour, layout and motion so generated interfaces have a clear aesthetic direction rather than templated defaults.

One of the most installed skills for anyone building web UIs with an agent.