MCP-сервер

Налаштуйте сервер MCP Neobrutalism, щоб ваш AI-редактор міг додавати компоненти за назвою.

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

Він працює на shadcn CLI, спрямованому на реєстр 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.