خادم MCP

اضبط خادم MCP الخاص بـ Neobrutalism كي يتمكّن محرّر الذكاء الاصطناعي لديك من إضافة المكوّنات بالاسم.

يتيح لك خادم Model Context Protocol (MCP) سحب مكوّنات Neobrutalism مباشرةً إلى سير عملك المدعوم بالذكاء الاصطناعي. أضف المكوّنات عبر أوامر باللغة الطبيعية في 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 كتبعية تطوير:


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.