MCP सर्वर

Neobrutalism MCP सर्वर को कॉन्फ़िगर करें ताकि आपका AI एडिटर कंपोनेंट को नाम से जोड़ सके।

Model Context Protocol (MCP) सर्वर आपको Neobrutalism कंपोनेंट को सीधे अपने AI-असिस्टेड वर्कफ़्लो में लाने देता है। Claude, Cursor, VS Code और MCP-सक्षम अन्य एडिटर में नैचुरल-लैंग्वेज कमांड के ज़रिए कंपोनेंट जोड़ें — URL कॉपी-पेस्ट करने की ज़रूरत नहीं।

यह shadcn CLI पर चलता है, जो Neobrutalism रजिस्ट्री की ओर इंगित होती है। अधिक जानकारी के लिए, shadcn MCP डॉक्यूमेंटेशन देखें।

ऑटोमैटिक कॉन्फ़िगरेशन

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 कंपोनेंट जोड़ने के लिए अपने एडिटर में नैचुरल लैंग्वेज का उपयोग करें:

→ "एक neobrutalism button कंपोनेंट जोड़ें"
→ "@neobrutalism से accordion इंस्टॉल करें"
→ "नियोब्रूटलिस्ट स्टाइल वाला card कंपोनेंट जोड़ें"

MCP सर्वर, Neobrutalism के डिज़ाइन सिस्टम के लिए सही कॉन्फ़िगरेशन के साथ कंपोनेंट इंस्टॉल करता है।