שרת MCP

הגדירו את שרת ה-MCP של Neobrutalism כדי שעורך ה-AI שלכם יוכל להוסיף רכיבים לפי שם.

שרת ה-Model Context Protocol (MCP) מאפשר לכם למשוך רכיבים של Neobrutalism היישר לתוך זרימת העבודה הנעזרת ב-AI שלכם. הוסיפו רכיבים באמצעות פקודות בשפה טבעית ב-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 כתלות פיתוח:


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.