frontend-design (Anthropic)

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)

O que é uma skill e como instalar

Prompt pro agente

Cole no seu agente (Claude, ChatGPT, Hermes, Codex ou outro) e ele instala a skill sozinho, depois de te contar o que ela faz.

Instale a skill frontend-design (Anthropic), de Anthropic.
Repositório: https://github.com/anthropics/skills
SKILL.md: https://github.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md
Comandos oficiais de instalação:
- 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)
Se o seu agente não estiver nessa lista, use o jeito dele de instalar skills a partir do repositório.
Antes de instalar, leia o SKILL.md e me diga em poucas linhas o que a skill faz e se precisa de alguma conta, chave de API ou programa. Só instale depois que eu confirmar.

Funciona com

• Claude Code
• Codex
• Cursor
• Gemini CLI
• OpenCode
• Hermes
• Claude (app)
• ChatGPT

Antes de instalar

Scripts

Só instruções em texto (Markdown), sem scripts.

Licença

Apache-2.0

Fontes

• Repositório: github.com/anthropics/skills
• SKILL.md: ler o SKILL.md
• Popularidade: 185.425 estrelas no GitHub, 1.055.337 instalações (fonte: skills.sh)
• Conferida em 31/10/2026; repositório atualizado em 28/10/2026