سرور MCP

سرور Model Context Protocol (MCP) به شما امکان می‌دهد مؤلفه‌های Neobrutalism را مستقیماً به گردش‌کار مبتنی بر هوش مصنوعی خود بیاورید. مؤلفه‌ها را از طریق دستورهای زبان طبیعی در Claude، Cursor، VS Code و دیگر ویرایشگرهای سازگار با MCP اضافه کنید — بدون کپی و جای‌گذاری URL.

روی shadcn CLI اجرا می‌شود که به registry مربوط به Neobrutalism اشاره دارد. برای اطلاعات بیشتر، مستندات MCP مربوط به shadcn را ببینید.

پیکربندی خودکار#

Claude Code#

pnpmnpmyarnbun
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#

pnpmnpmyarnbun
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#

pnpmnpmyarnbun
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 را به‌عنوان یک وابستگی توسعه نصب کنید:

pnpmnpmyarnbun
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 خود اضافه کنید:

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

Cursor#

موارد زیر را به .cursor/mcp.json خود اضافه کنید:

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

VS Code#

موارد زیر را به .vscode/mcp.json خود اضافه کنید:

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

مطمئن شوید که registry مربوط به Neobrutalism در components.json شما پیکربندی شده است (به نصب مراجعه کنید) تا سرور بتواند مؤلفه‌های @neobrutalism را حل کند.

استفاده#

پس از پیکربندی، برای افزودن مؤلفه‌های Neobrutalism از زبان طبیعی در ویرایشگر خود استفاده کنید:

• → «یک مؤلفهٔ button از neobrutalism اضافه کن»
• → «accordion را از @neobrutalism نصب کن»
• → «مؤلفهٔ card را با سبک نئوبروتالیستی اضافه کن»

سرور MCP مؤلفه‌ها را با پیکربندی صحیح برای سیستم طراحی Neobrutalism نصب می‌کند.