Lucas Alvim@alvim_aiferramentas de IA, testadas
Guia grátis em português

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.

01Pra que serve

02O que você precisa

03Passo a passo

  1. 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.
    /plugin marketplace add addyosmani/agent-skills
    /plugin install agent-skills@addy-agent-skills
  2. 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
  3. 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
  4. 21st.dev: entre no site, faça login e crie a sua chave.
    https://21st.dev/mcp
  5. 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
  6. 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.
    curl -sSL https://strix.ai/install | bash
    export STRIX_LLM="openrouter/z-ai/glm-5.3"
    export LLM_API_KEY="your-api-key"
    strix --target ./app-directory

04Pedidos prontos pra colar no Claude Code

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

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.

Todos os guias e prompts do Alvim