Serwer MCP

Skonfiguruj serwer MCP Neobrutalism, aby twój edytor AI mógł dodawać komponenty po nazwie.

Serwer Model Context Protocol (MCP) pozwala pobierać komponenty Neobrutalism bezpośrednio do twojego procesu pracy wspomaganego przez AI. Dodawaj komponenty za pomocą poleceń w języku naturalnym w Claude, Cursorze, VS Code i innych edytorach obsługujących MCP — bez kopiowania i wklejania adresów URL.

Działa na shadcn CLI, skierowanym na rejestr Neobrutalism. Więcej informacji znajdziesz w dokumentacji MCP shadcn.

Konfiguracja automatyczna

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

Konfiguracja ręczna

Najpierw zainstaluj shadcn jako zależność deweloperską:


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

Następnie skonfiguruj serwer MCP dla swojego edytora.

Claude Code

Dodaj poniższe do swojego .mcp.json:

.mcp.json

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

Cursor

Dodaj poniższe do swojego .cursor/mcp.json:

.cursor/mcp.json

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

VS Code

Dodaj poniższe do swojego .vscode/mcp.json:

.vscode/mcp.json

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

Upewnij się, że rejestr Neobrutalism jest skonfigurowany w twoim components.json (zobacz Instalacja), aby serwer mógł rozpoznawać komponenty @neobrutalism.

Użycie

Po skonfigurowaniu używaj języka naturalnego w edytorze, aby dodawać komponenty Neobrutalism:

→ „Dodaj komponent button z neobrutalism”
→ „Zainstaluj accordion z @neobrutalism”
→ „Dodaj komponent card w stylu neobrutalistycznym”

Serwer MCP instaluje komponenty z poprawną konfiguracją dla systemu projektowego Neobrutalism.