MCP Sunucusu

Yapay zeka editörünüzün bileşenleri adıyla ekleyebilmesi için Neobrutalism MCP sunucusunu yapılandırın.

Model Context Protocol (MCP) sunucusu, Neobrutalism bileşenlerini doğrudan yapay zeka destekli iş akışınıza çekmenizi sağlar. Claude, Cursor, VS Code ve MCP destekli diğer editörlerde doğal dil komutlarıyla bileşen ekleyin — URL kopyalayıp yapıştırmadan.

shadcn CLI üzerinde çalışır ve Neobrutalism registry'sine yönlendirilmiştir. Ayrıntılı bilgi için shadcn MCP belgelerine bakın.

Otomatik Yapılandırma

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

Manuel Yapılandırma

Öncelikle shadcn'i bir geliştirme bağımlılığı olarak yükleyin:


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

Ardından editörünüz için MCP sunucusunu yapılandırın.

Claude Code

Aşağıdakini .mcp.json dosyanıza ekleyin:

.mcp.json

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

Cursor

Aşağıdakini .cursor/mcp.json dosyanıza ekleyin:

.cursor/mcp.json

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

VS Code

Aşağıdakini .vscode/mcp.json dosyanıza ekleyin:

.vscode/mcp.json

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

Sunucunun @neobrutalism bileşenlerini çözümleyebilmesi için Neobrutalism registry'sinin components.json dosyanızda yapılandırıldığından emin olun (bkz. Kurulum).

Kullanım

Yapılandırdıktan sonra, Neobrutalism bileşenleri eklemek için editörünüzde doğal dil kullanın:

→ "Bir neobrutalism button bileşeni ekle"
→ "@neobrutalism'den accordion'ı yükle"
→ "card bileşenini neobrütalist stille ekle"

MCP sunucusu, bileşenleri Neobrutalism'nın tasarım sistemi için doğru yapılandırmayla yükler.