MCP-сервер

Настройте MCP-сервер Neobrutalism, чтобы ваш AI-редактор мог добавлять компоненты по имени.

Сервер Model Context Protocol (MCP) позволяет добавлять компоненты Neobrutalism прямо в ваш рабочий процесс с поддержкой ИИ. Добавляйте компоненты с помощью команд на естественном языке в Claude, Cursor, VS Code и других редакторах с поддержкой MCP — без копирования URL.

Он работает на базе CLI shadcn, направленного на реестр Neobrutalism. Подробности см. в документации по MCP shadcn.

Автоматическая настройка

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

Ручная настройка

Сначала установите shadcn как dev-зависимость:


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

Затем настройте MCP-сервер для своего редактора.

Claude Code

Добавьте следующее в свой .mcp.json:

.mcp.json

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

Cursor

Добавьте следующее в свой .cursor/mcp.json:

.cursor/mcp.json

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

VS Code

Добавьте следующее в свой .vscode/mcp.json:

.vscode/mcp.json

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

Убедитесь, что реестр Neobrutalism настроен в вашем components.json (см. Установку), чтобы сервер мог разрешать компоненты @neobrutalism.

Использование

После настройки используйте естественный язык в редакторе, чтобы добавлять компоненты Neobrutalism:

→ «Добавь компонент button из neobrutalism»
→ «Установи accordion из @neobrutalism»
→ «Добавь компонент card в необруталистском стиле»

MCP-сервер устанавливает компоненты с правильной конфигурацией для дизайн-системы Neobrutalism.