# 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.

> Pagina: https://ui.eneawork.it/blog/shadcn-mcp-claude-code-cursor-vscode
> Markdown: https://ui.eneawork.it/blog/shadcn-mcp-claude-code-cursor-vscode.md

*2026-10-31*

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

## 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.

L’MCP non garantisce che il componente sia adatto al tuo design system. Dopo l’installazione, controlla token, stati e accessibilità.

## Lettura consigliata

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

## FAQ

### 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.