AI & MCP

shadcn MCP in Claude Code, Cursor e VS Code

Un endpoint MCP, tre configurazioni, un flusso che porta componenti reali nel tuo editor invece di farli inventare al modello. Ecco come usarlo e cosa non aspettarti.

In sintesi

  • Un MCP per componenti espone ricerca, dettaglio e installazione come strumenti, non come prompt.
  • La configurazione cambia per client: endpoint, trasporto e nome del server.
  • Il modello resta il decisore: l’MCP gli dà record verificati, non la verità.

Un MCP per componenti risolve un problema preciso: il modello non deve inventare un bottone, deve poter cercare un bottone reale, leggerne la licenza e installarlo. L’endpoint EneUI è https://ui.eneawork.it/mcp, con trasporto HTTP.

Cosa espone un MCP per componenti

  • Ricerca per categoria, framework e testo.
  • Dettaglio di un record: file, dipendenze, licenza.
  • Comando di installazione o registry item.
  • Pagine e guide come contesto, non come prompt infinito.

Claude Code

Aggiungi il server con il comando CLI, poi riavvia la sessione. Il client deve vedere il server tra gli strumenti disponibili prima di chiedere un componente.

claude mcp add --transport http eneui https://ui.eneawork.it/mcp

Cursor

Apri la configurazione MCP e aggiungi il server. Usa un nome breve e stabile: lo userai nei prompt.

{
  "mcpServers": {
    "eneui": {
      "url": "https://ui.eneawork.it/mcp"
    }
  }
}

VS Code

VS Code legge i server MCP dalla configurazione del workspace o dell’utente. L’endpoint è lo stesso; cambia solo il file in cui vive.

{
  "servers": {
    "eneui": {
      "type": "http",
      "url": "https://ui.eneawork.it/mcp"
    }
  }
}

Prompt che funzionano

Non chiedere “fammi una dashboard”. Chiedi “cerca un blocco dashboard con tabella e sidebar, mostrami licenza e dipendenze, poi installa la versione che usa Recharts”. Un prompt con un criterio verificabile produce un risultato verificabile.

Lettura consigliata

La pagina /mcp contiene l’endpoint e la configurazione aggiornata; /agents spiega cosa può fare un agente con il catalogo.

Domande frequenti

Cos’è un MCP per componenti?

Un server che espone ricerca, dettaglio e installazione di componenti come strumenti machine-readable. Il modello li chiama invece di inventare codice.

Serve un account per usare l’MCP?

La scoperta è libera; l’installazione può richiedere un token registry, come per la CLI.

Claude Code, Cursor e VS Code usano la stessa configurazione?

L’endpoint è lo stesso, ma il formato del file e il trasporto dipendono dal client. Controlla la documentazione del tuo editor.

L’MCP vede il mio codice?

No, non automaticamente. Il server espone il catalogo; è il client a decidere cosa inviare nel contesto.

Posso usare l’MCP con un modello locale?

Sì, se il client supporta MCP e il modello ha abbastanza contesto per usare gli strumenti. La qualità dipende dal client, non dall’endpoint.