<aside> 💡

Guia completo do carrossel 0800 de @SergioVitalHQ. Os 7 plugins com o comando exato de instalação, o que cada um faz, quando usar, um prompt pronto para testar e os cuidados de segurança antes de instalar qualquer coisa.

</aside>

<aside> ⚠️

Antes de tudo: o que é grátis aqui. Os plugins são gratuitos e de código aberto. O Claude Code em si exige um plano pago do Claude (Pro, Max, Team ou Enterprise) ou créditos de API. Alguns plugins também gastam uso: as revisões de segurança contam no seu limite do Claude e o plugin do Codex conta no seu limite do Codex. Informações conferidas em outubro de 2026.

</aside>

🗺️ Mapa dos 7 plugins

# Plugin Quem mantém Para que serve Instalação
1 Frontend Design Anthropic (oficial) Interfaces com direção visual de verdade Marketplace oficial
2 Context7 Upstash Documentação atualizada das bibliotecas no contexto Marketplace da Upstash
3 Playwright Microsoft Claude abre o navegador, clica, preenche e testa Marketplace oficial ou MCP
4 Serena Oraios Navegar e editar código por símbolo, com precisão Marketplace oficial (precisa do uv)
5 Codex OpenAI Delegar tarefas e revisões para o Codex Marketplace da OpenAI
6 DX ykdojo (comunidade) Pacote de produtividade: handoff, GitHub Actions, CLAUDE.md, contexto Marketplace da comunidade
7 Claude Security Anthropic (oficial) Varredura de vulnerabilidades com agentes e patches revisados Marketplace oficial

⚙️ Antes de instalar: o básico de plugins

  1. Abra o Claude Code no terminal, dentro da pasta do projeto.
  2. Digite /plugin para abrir o painel de plugins.
  3. Instale com /plugin install NOME@MARKETPLACE.
  4. Se aparecer "Run /reload-plugins to activate", rode /reload-plugins.
  5. Confira o que está ativo com /plugin e os servidores MCP com /mcp.

<aside> 💡

Se aparecer Marketplace "claude-plugins-official" not found, rode /plugin marketplace add anthropics/claude-plugins-official e tente de novo.

</aside>

<aside> 💡

No app desktop do Claude, clique no + ao lado da caixa de mensagem, depois Plugins e Add plugin. No VS Code, use Manage plugins.

</aside>

1️⃣ Frontend Design

O que faz: é o plugin oficial da Anthropic que dá ao Claude muito mais direção visual. Em vez da interface genérica de sempre, ele escolhe tipografia, cores, layout e microinterações com intenção.

/plugin install frontend-design@claude-plugins-official

Prompt para testar