Riccardo Belli. Guida pratica · 5 MCP
// risorsa · claude code

5 MCP che rendono
Claude un team
di sviluppo

Context7, Playwright, GitHub, Exa e Supabase. Cinque connettori che danno a Claude Code documentazione aggiornata, un browser vero, i tuoi repo, la ricerca sul web e il database. Copi il comando, lo incolli, funziona.

Di
Riccardo Belli
Lettura
~7 min
Setup
30 min
Scorri
Cosa colleghi
Claude Code GitHub Supabase Next.js
Parti da qui

Cos'è un MCP

Il concetto

MCP sta per Model Context Protocol. In pratica è il modo in cui Claude si collega a strumenti e dati esterni in modo strutturato. Senza, Claude lavora solo con quello che gli incolli e con quello che sa già dal suo addestramento.

Con gli MCP giusti smette di indovinare e va a leggere la fonte vera: la documentazione, il browser, i tuoi repo, il web, il database. Questi cinque sono lo stack di partenza. Tre comandi da sapere a memoria: claude mcp list per vedere cosa hai collegato, claude mcp get per ispezionare, claude mcp remove per togliere quello che non usi.

01Documentazione

Context7, i doc sempre aggiornati

Meno rischi

Il problema numero uno di ogni AI che scrive codice: si inventa metodi che esistevano due versioni fa. Context7 dà a Claude la documentazione aggiornata e specifica per versione della libreria che stai usando. Next.js, React, Stripe, Tailwind, Prisma, FastAPI: prima di scrivere, controlla i doc veri.

Installazioneterminale · scope user
claude mcp add --scope user context7 -- npx -y @upstash/context7-mcp

Poi ti basta scrivere Usa Context7 nel prompt.

Prompt da copiareuso
Usa Context7. Sto costruendo un'app in Next.js. Controlla la
documentazione aggiornata prima di scrivere le server action,
la validazione dei form e la gestione dei redirect.

Mettilo a scope user: lo usi ovunque, in tutti i progetti, senza reinstallarlo.

02Browser

Playwright, un browser che Claude guida

Test

Playwright dà a Claude un browser vero da pilotare. Apre le pagine, clicca i bottoni, compila i form, legge la console. Serve quando il problema è nel browser: un flusso di registrazione che si rompe, un bottone morto, un checkout da verificare, un layout mobile da controllare.

Installazioneterminale
claude mcp add playwright npx @playwright/mcp@latest

La prima volta scarica il browser, quindi il primo comando è più lento. Avvia l'app in locale con npm run dev e poi lancialo.

Prompt da copiareuso
Usa Playwright per aprire http://localhost:3000. Prova questa pagina
come un utente: il CTA principale, l'invio del form, il layout mobile
e gli errori in console. Dammi il report dei bug prima di toccare
una riga di codice.
03Repo

GitHub, i tuoi repo dentro Claude

Delicato

Con l'MCP di GitHub Claude lavora sui repository: issue, pull request, commit, stato della CI. Gli fai capire una issue prima di scrivere, gli fai rivedere una PR, gli chiedi cosa è cambiato in un branch e perché la build è rossa.

Installazioneserve un token
claude mcp add --transport http github https://api.githubcopilot.com/mcp -H "Authorization: Bearer IL_TUO_TOKEN"

Crea un Personal Access Token su GitHub e tienilo in un file .env, mai dentro un file che finisce su GitHub. Per il lavoro sui clienti usa il token con meno permessi possibile.

Prompt da copiarereview PR
Usa GitHub per rivedere questa pull request. Cerca bug di logica,
rischi di sicurezza, test mancanti e codice poco chiaro. Dammi una
review corta e concreta con i riferimenti esatti ai file.
04Ricerca

Exa, la ricerca web pensata per l'AI

Freschezza

Exa dà a Claude una ricerca web nativa per l'AI, con il contenuto vero delle pagine e non solo lo snippet. La usi quando serve roba fresca: documentazione attuale, ricerca di mercato, concorrenti, esempi presi da GitHub o Stack Overflow.

Installazioneserver ospitato
claude mcp add --transport http exa https://mcp.exa.ai/mcp
Prompt da copiarericerca
Usa Exa per analizzare 10 concorrenti in questo mercato. Fammi una
tabella con posizionamento, prezzi, cliente target, offerta principale
e cosa possiamo imparare da ognuno. Con i link alle fonti.

Se sbatti contro i limiti di richieste, metti la tua chiave Exa nella config dell'MCP e passi all'uso di produzione.

05Database

Supabase, il database a portata di Claude

Full-stack

Supabase collega Claude al tuo progetto: struttura del database, auth, storage, edge function. Smette di indovinare lo schema e ragiona sui dati veri. Comodissimo quando costruisci full-stack e vuoi legare un problema del backend a quello che si vede sul frontend.

Installazioneterminale · scope project
claude mcp add --scope project --transport http supabase "https://mcp.supabase.com/mcp?features=docs,account,database,debugging,development,functions,branching"

Dopo averlo aggiunto, autenticalo: lancia claude, scrivi /mcp, seleziona il server supabase, scegli Authenticate, completa il login nel browser e riavvia Claude Code se gli strumenti non compaiono.

Prompt da copiaresola lettura
Usa Supabase in sola lettura. Ispeziona lo schema del database e
spiegami tabelle e relazioni in parole semplici. Non scrivere, non
cancellare, non migrare e non lanciare query distruttive finché non
te lo dico io.

Sui progetti di produzione parti sempre da un ambiente di staging o di test, non collegarti al database vero finché non sei a tuo agio con i permessi.

Sicurezza

Le 5 regole prima di collegare tutto

Leggi

Un MCP è potente perché dà a Claude accesso a strumenti veri. Proprio per questo vai con la testa, soprattutto su database, app di produzione e progetti dei clienti.

  1. Installane uno alla volta. Aggiungi, prova, e solo dopo passa al successivo.
  2. Meno permessi possibile. Parti dal minimo che serve, poi allarghi se serve.
  3. I segreti fuori da GitHub. Metti .env e i file di config con i token nel .gitignore.
  4. Sola lettura quando puoi. Su database e app di produzione è la regola di default.
  5. Fai spiegare prima di fare. Sui task rischiosi: "Fammi prima il piano, non cambiare niente finché non approvo".
Setup

Il piano da 30 minuti

Ordine

Non installarli tutti insieme. Questo è l'ordine giusto, dal meno rischioso al più delicato. Dopo ogni installazione lancia claude mcp list per verificare che sia collegato.

  1. Minuto 0-5. Apri il progetto nel terminale e controlla che node, npm e claude rispondano.
  2. Minuto 5-10. Context7. Il meno rischioso, il più utile: alza subito la precisione sui doc.
  3. Minuto 10-15. Playwright. Per testare e vedere cosa succede davvero nel browser.
  4. Minuto 15-20. Exa. Per la ricerca e i doc dal vivo.
  5. Minuto 20-25. GitHub. Più potente, più delicato: tocca i repo.
  6. Minuto 25-30. Supabase. Utilissimo full-stack, ma collega con cura: i database contano.

Il cheat sheet e le fonti

Porta a casa

Tutti e cinque i comandi di installazione più i prompt pronti, in un file solo. E i doc ufficiali per verificare sempre l'ultima versione dei comandi.

5 MCP · Cheat sheet

I comandi di installazione, i prompt di ogni MCP, le 5 regole e il prompt da inizio sessione. Tutto in un markdown.

Scarica · .md ↓

I doc ufficiali

Claude Code MCP, Context7, Playwright, GitHub MCP, Exa e Supabase: i sei riferimenti per stare sull'ultima versione.

Claude Code MCP →
E adesso?

Cinque comandi.
Un team che lavora.

Hai dato a Claude Code documentazione aggiornata, un browser, i tuoi repo, la ricerca e il database. Da qui in poi non indovina più: controlla la fonte prima di scrivere. Ed è solo l'inizio di quello che ci puoi fare.

0
MCP nello stack di partenza
0
per collegarli tutti e cinque
0
prompt pronti da copiare

Vuoi andare più a fondo?

Se vuoi impararlo per bene, dal primo comando a Claude Code, c'è il corso. Se invece hai un'azienda e vuoi portare l'AI dentro i processi, parliamone in una call.

Il corso su Claude → Parliamo del tuo progetto →
La risorsa che ti ho promesso. Riccardo Belli.