Server MCP

Configura il server MCP di Neobrutalism così che il tuo editor con IA possa aggiungere componenti per nome.

Il server Model Context Protocol (MCP) ti permette di importare componenti Neobrutalism direttamente nel tuo flusso di lavoro assistito dall'IA. Aggiungi componenti tramite comandi in linguaggio naturale in Claude, Cursor, VS Code e altri editor compatibili con MCP — senza copiare e incollare URL.

Funziona sulla CLI di shadcn, puntata al registro di Neobrutalism. Per approfondire, consulta la documentazione MCP di shadcn.

Configurazione automatica

Claude Code


pnpm dlx shadcn@latest mcp init --client claude
npx shadcn@latest mcp init --client claude
yarn dlx shadcn@latest mcp init --client claude
bunx --bun shadcn@latest mcp init --client claude

Cursor


pnpm dlx shadcn@latest mcp init --client cursor
npx shadcn@latest mcp init --client cursor
yarn dlx shadcn@latest mcp init --client cursor
bunx --bun shadcn@latest mcp init --client cursor

VS Code


pnpm dlx shadcn@latest mcp init --client vscode
npx shadcn@latest mcp init --client vscode
yarn dlx shadcn@latest mcp init --client vscode
bunx --bun shadcn@latest mcp init --client vscode

Configurazione manuale

Per prima cosa, installa shadcn come dipendenza di sviluppo:


pnpm add -D shadcn@latest
npm install -D shadcn@latest
yarn add -D shadcn@latest
bun add -D shadcn@latest

Poi configura il server MCP per il tuo editor.

Claude Code

Aggiungi quanto segue al tuo .mcp.json:

.mcp.json

{
  "mcpServers": {
    "shadcn": {
      "command": "npx",
      "args": ["shadcn@latest", "mcp"]
    }
  }
}

Cursor

Aggiungi quanto segue al tuo .cursor/mcp.json:

.cursor/mcp.json

{
  "mcpServers": {
    "shadcn": {
      "command": "npx",
      "args": ["shadcn@latest", "mcp"]
    }
  }
}

VS Code

Aggiungi quanto segue al tuo .vscode/mcp.json:

.vscode/mcp.json

{
  "servers": {
    "shadcn": {
      "command": "npx",
      "args": ["shadcn@latest", "mcp"]
    }
  }
}

Assicurati che il registro di Neobrutalism sia configurato nel tuo components.json (consulta Installazione) così che il server possa risolvere i componenti @neobrutalism.

Utilizzo

Una volta configurato, usa il linguaggio naturale nel tuo editor per aggiungere componenti Neobrutalism:

→ «Aggiungi un componente button di neobrutalism»
→ «Installa l'accordion da @neobrutalism»
→ «Aggiungi il componente card con lo stile neobrutalista»

Il server MCP installa i componenti con la configurazione corretta per il design system di Neobrutalism.