5 plugins grátis pro Claude Code programar como um sênior
Cinco extras gratuitos que você liga no Claude Code. Um ensina boas práticas do começo ao fim do projeto. Outro entrega a documentação atual das ferramentas. Tem um que desenha o mapa do seu projeto, um que traz componentes de tela prontos e um que ataca o seu app como um hacker pra achar falhas antes dos outros.
Agent Skills: 25 habilidades (24 de trabalho + 1 que escolhe qual usar), da ideia até colocar no ar. A certa entra sozinha conforme o que você pede. Exemplo: se você está montando uma tela, entra a habilidade de tela. Também traz atalhos como /spec, /plan, /build, /test e /review.
Context7: o Claude passa a consultar a documentação mais recente de cada ferramenta, com exemplos de código da versão que você usa. Menos código com comando que já não existe.
Graphify: transforma o seu projeto (código, textos, PDFs) num mapa navegável. Você pergunta onde fica cada coisa e como as partes se ligam.
21st.dev: o Claude busca e instala componentes de tela prontos (botões, cards, menus…) de um catálogo com mais de 12 mil opções.
Strix: agentes que testam o seu app como um hacker de verdade, confirmam cada falha com um teste e geram a correção e um relatório.
02O que você precisa
Claude Code instalado
Node.js 22.13 ou mais novo (pro Context7 e pro 21st.dev)
Python 3.10+ e o uv, um instalador de programas Python (pro Graphify)
Docker aberto e uma chave de IA paga por uso, ou uma assinatura ChatGPT Plus/Pro (pro Strix)
Conta grátis no 21st.dev pra criar a chave
03Passo a passo
Agent Skills: abra o Claude Code e cole os dois comandos, um de cada vez. O primeiro adiciona a loja do plugin e o segundo instala.
Context7: no terminal (fora do Claude Code), rode o comando abaixo. Ele faz o login, cria a sua chave e já liga no Claude. Depois é só escrever "use context7" no fim do pedido.
npx ctx7 setup --claude
Graphify: instale com os dois comandos abaixo. O nome do pacote tem dois Y mesmo. No Windows ele percebe o sistema sozinho. Depois, dentro do Claude Code, na pasta do projeto, digite /graphify . pra montar o mapa.
uv tool install graphifyy
graphify install
21st.dev: entre no site, faça login e crie a sua chave.
https://21st.dev/mcp
Ainda no 21st.dev: rode o comando abaixo. O --write grava a configuração no Claude Code sozinho. Abra o arquivo que ele criou e cole a sua chave no lugar indicado.
npx @21st-dev/cli@latest init --client claude --write
Strix: com o Docker aberto, instale e rode o primeiro teste na pasta do seu app. Troque your-api-key pela sua chave. A linha STRIX_LLM diz qual IA ele usa: o exemplo é da própria página, e o formato é provedor/modelo. O instalador oficial é pra Mac e Linux. Pro Windows a página não traz instrução.
Começar um app do jeito certo (Agent Skills)Antes de escrever qualquer código: o /spec monta o plano do que vai ser feito
/spec Quero criar um app de [O QUE O APP FAZ] para [QUEM VAI USAR].
As 3 coisas mais importantes que ele precisa fazer: [1], [2] e [3].
Me faça as perguntas que faltarem, uma de cada vez, antes de escrever a especificação.
Responda em português.
Código com a versão certa (Context7)Sempre que for usar uma ferramenta ou biblioteca que muda muito
Crie [O QUE VOCÊ QUER, ex.: uma tela de login com e-mail e senha] usando [FERRAMENTA E VERSÃO, ex.: Next.js 16].
Siga a documentação oficial dessa versão e me avise se algo que eu pedi mudou ou deixou de existir nela.
use context7
Tela bonita com componente pronto (21st.dev)Quando quiser uma parte da tela sem desenhar do zero
Procure no catálogo do 21st.dev um componente de [TIPO, ex.: tabela de preços com 3 planos] com estilo [ESTILO, ex.: escuro e minimalista].
Me mostre as 3 melhores opções antes de instalar.
Depois de eu escolher, coloque na página [NOME DA PÁGINA] e adapte os textos para português.
Teste de segurança com login (Strix)No terminal, só em app seu. Troque o endereço e o usuário e senha de teste
strix --target https://your-app.com --instruction "Perform authenticated testing using credentials: user:pass"
05Antes de usar
Strix: use só em sistemas seus ou com permissão por escrito do dono. Atacar app dos outros sem autorização é problema sério, e a responsabilidade é sua.
Strix: quem pensa é a IA da sua chave, então cada teste gasta do seu saldo. Comece por uma pasta pequena.
21st.dev: o plano grátis deixa pegar o código de só 2 componentes por dia, somando site, terminal e Claude. Buscar e ver é livre.
Graphify: o código é lido no seu computador, mas textos, PDFs e imagens vão pra IA. Cuidado com documento sigiloso. Instale só o pacote graphifyy (dois Y): a página avisa que outros pacotes com nome parecido não são dela.
Context7: a documentação das bibliotecas é enviada pela comunidade e não tem garantia de estar certa. Desconfie se algo parecer estranho. A chave grátis aumenta o limite de uso.
Agent Skills: se a instalação der erro de acesso ao GitHub, troque o primeiro comando por: /plugin marketplace add https://github.com/addyosmani/agent-skills.git
Resumindo: o Agent Skills dá método, o Context7 dá documentação atual, o Graphify dá o mapa do projeto, o 21st.dev dá telas prontas e o Strix confere a segurança antes de você publicar.