10 MCPs essenciais pro seu Claude Code virar uma operação

Passo 1: Filesystem MCP (oficial Anthropic), CORE

O Filesystem MCP dá ao Claude acesso direto à sua máquina. Ele lê, cria, edita e organiza arquivos do seu projeto sem você precisar colar conteúdo no chat. Você aponta o diretório, ele opera dentro dele. Uso pra deixar o Claude ler o histórico de campanhas de um cliente (arquivos CSV exportados do Meta), cruzar com o CLAUDE.md do projeto e gerar o briefing de reunião já formatado. Zero copia e cola manual.

claude mcp add filesystem -- npx -y @modelcontextprotocol/server-filesystem /caminho/do/projeto

Passo 2: GitHub MCP (oficial GitHub), CORE

Conecta o Claude diretamente ao GitHub. Ele lê issues, cria PRs, navega branches, faz buscas no código e comita mudanças. Para quem mantém projetos com código, este é o segundo MCP mais importante depois do Filesystem. Uso pra deixar o Claude revisar issues abertas no repositório de um projeto, criar um PR com a correção e documentar o que foi feito. O que levava 20 minutos de vai e volta no GitHub leva 2 minutos no terminal.

claude mcp add --transport http github https://api.githubcopilot.com/mcp/

Passo 3: Playwright MCP (Microsoft), CORE

O Playwright MCP deixa o Claude navegar sites de verdade: clica em botões, preenche formulários, extrai dados de páginas, captura o estado de elementos. Usa a árvore de acessibilidade do browser, não screenshots, o que o torna muito mais rápido e preciso. Uso pra debugar fluxos de checkout de clientes. Em vez de descrever o problema, deixo o Claude abrir a página, navegar pelo funil e me mostrar exatamente onde o formulário quebra ou onde o pixel não dispara.

claude mcp add playwright -- npx -y @playwright/mcp@latest

Passo 4: Fetch MCP (oficial Anthropic), CORE

O Fetch MCP deixa o Claude visitar qualquer URL e ler o conteúdo. Documentação técnica, páginas de concorrentes, artigos de referência, APIs públicas. Sem você precisar copiar e colar nada. Uso pra deixar o Claude ler a documentação oficial de uma ferramenta antes de implementar qualquer coisa. Em vez de abrir 5 abas no browser e resumir manualmente, ele lê direto e já aplica no contexto do projeto.

claude mcp add fetch -- npx -y @modelcontextprotocol/server-fetch

Passo 5: Memory MCP (oficial Anthropic), RECOMENDADO

O Memory MCP dá ao Claude persistência entre sessões. Ele mantém um grafo de conhecimento com decisões, preferências e contexto do projeto. Na próxima sessão, o Claude já sabe o que foi decidido antes. Uso pra registrar decisões de stack, preferências de nomenclatura de campanhas e padrões que o time usa. Em vez de repetir o padrão de naming toda vez que abro o terminal, ele já sabe.

claude mcp add memory --scope user -- npx -y @modelcontextprotocol/server-memory

Passo 6: Brave Search MCP, RECOMENDADO

Busca web em tempo real dentro do Claude. Documentação atualizada, notícias, soluções para erros, pesquisa de mercado. O Claude para de responder com informação do treinamento e passa a consultar a web antes de responder. Uso quando preciso validar se uma API mudou, buscar casos de uso de uma ferramenta nova ou pesquisar criativos de concorrentes antes de montar um briefing. Sem abrir o browser em nenhum momento.

claude mcp add brave-search -- npx -y @modelcontextprotocol/server-brave-search

Passo 7: Supabase MCP, RECOMENDADO

O Supabase MCP conecta o Claude diretamente ao banco Postgres. Ele executa SQL, cria migrations, lê logs, inspeciona tabelas e opera edge functions. Para projetos com Supabase, este MCP economiza horas por semana. Uso nos projetos de landing page com captura de leads. Em vez de abrir o dashboard do Supabase pra consultar quantos leads chegaram numa campanha, deixo o Claude rodar a query e já formatar o resultado como tabela pro relatório do cliente.

claude mcp add supabase -- npx -y @supabase/mcp-server-supabase@latest --access-token SEU_TOKEN_SUPABASE

Passo 8: Magic MCP (21st.dev), OPCIONAL

O Magic MCP gera componentes UI prontos com IA. Você descreve o componente, ele cria o código React com Tailwind e shadcn, pronto pra colar no projeto. Foi o que usamos pra construir boa parte da interface do creatorAI. Uso quando preciso montar um componente novo rapidamente e não quero partir do zero: cards de pricing, seções de depoimentos, banners de CTA. O Claude descreve, o Magic MCP gera, eu reviso e ajusto.

claude mcp add magic --transport http -- npx -y @21st-dev/mcp@latest API_KEY=SUA_CHAVE

Passo 9: Higgsfield MCP, OPCIONAL

O Higgsfield MCP conecta o Claude a uma plataforma de geração de vídeo e imagem com IA. Você descreve a cena, o MCP envia para renderização e retorna o arquivo. Tudo via terminal, sem abrir interface nenhuma. Uso pra gerar variações de criativos estáticos para testes A/B no Meta Ads. Em vez de briefar um designer para 5 variações de fundo, descrevo pro Claude e o Higgsfield MCP gera em minutos.

claude mcp add --transport http higgsfield https://mcp.higgsfield.ai/mcp

Passo 10: MCP customizado próprio, OPCIONAL e AVANÇADO

Você pode construir seu próprio MCP para conectar o Claude a qualquer sistema que você usa. O exemplo mais direto é o que montei na DR.TRAFEGO: um MCP que conecta o Claude à API do Meta Ads. Com ele, o Claude cria campanhas, duplica adsets, analisa criativos e ajusta orçamentos direto do terminal, sem abrir o Gerenciador de Anúncios. O MCP Meta Ads da DR.TRAFEGO tem mais de 30 ferramentas. Uma tarefa que levava 40 minutos no Gerenciador leva 3 minutos no terminal, e o Claude já sabe o contexto do cliente porque leu o CLAUDE.md do projeto antes de começar.

# Instale o SDK oficial do MCP:
npm install -g @modelcontextprotocol/sdk

# Inicialize um projeto MCP básico:
npx create-mcp-server meu-mcp-custom

# Após build local, adicione ao Claude:
claude mcp add meu-mcp -- node /caminho/do/meu-mcp/build/index.js

# Para MCP remoto via HTTP:
claude mcp add --transport http meu-mcp https://seu-servidor.com/mcp

Script completo pra instalar os 9 essenciais de uma vez

# 1. Filesystem MCP (substitua o caminho pelo seu projeto)
claude mcp add filesystem -- npx -y @modelcontextprotocol/server-filesystem /caminho/do/projeto

# 2. GitHub MCP (defina GITHUB_TOKEN antes)
export GITHUB_TOKEN=ghp_SEU_TOKEN_AQUI
claude mcp add --transport http github https://api.githubcopilot.com/mcp/

# 3. Playwright MCP
claude mcp add playwright -- npx -y @playwright/mcp@latest

# 4. Fetch MCP
claude mcp add fetch -- npx -y @modelcontextprotocol/server-fetch

# 5. Memory MCP (global, não por projeto)
claude mcp add memory --scope user -- npx -y @modelcontextprotocol/server-memory

# 6. Brave Search MCP (defina BRAVE_API_KEY antes)
export BRAVE_API_KEY=SEU_BRAVE_API_KEY
claude mcp add brave-search -- npx -y @modelcontextprotocol/server-brave-search

# 7. Supabase MCP
claude mcp add supabase -- npx -y @supabase/mcp-server-supabase@latest --access-token SEU_TOKEN_SUPABASE

# 8. Magic MCP (21st.dev)
claude mcp add magic --transport http -- npx -y @21st-dev/mcp@latest API_KEY=SUA_CHAVE_21STDEV

# 9. Higgsfield MCP (autenticação via browser na primeira vez)
claude mcp add --transport http higgsfield https://mcp.higgsfield.ai/mcp

# Verifique o que foi instalado:
claude mcp list