# frontend-design (Anthropic)

> Orienta o agente a criar interfaces com identidade própria: direção estética, tipografia e fuga do visual genérico de IA.

- Autor: Anthropic (oficial)
- Categoria: Design e web
- Funciona com: Claude Code, Codex, Cursor, Gemini CLI, OpenCode, Hermes, Claude (app), ChatGPT
- Licença: Apache-2.0
- Popularidade: 185.425 estrelas no GitHub, 1.055.337 instalações (fonte: https://www.skills.sh/anthropics/skills/frontend-design)
- Conferida em 31/10/2026; repositório atualizado em 28/10/2026

## O que faz

- Direção estética e tipografia
- Páginas e componentes com personalidade
- Evita o visual padrão de IA

## Como instalar

Claude Code:

```
npx skills add https://github.com/anthropics/skills --skill frontend-design
```

Hermes:

```
hermes skills install skills-sh/anthropics/skills/frontend-design
```

Claude (app):

```
Customize > Skills > + > Create skill > Upload a skill (envie o ZIP da pasta da skill)
```

ChatGPT:

```
Plugins > aba Skills > Create > Upload from your computer (envie a skill)
```

## Antes de instalar

- Scripts: Só instruções em texto (Markdown), sem scripts.
- Licença: Apache-2.0

## Fontes

- Repositório: https://github.com/anthropics/skills
- SKILL.md: https://github.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md
- Popularidade: https://www.skills.sh/anthropics/skills/frontend-design
- Página: https://needmorecontext.com/skills/frontend-design/

---

Diretório completo: https://needmorecontext.com/skills.md
llms.txt: https://needmorecontext.com/llms.txt