اتصال ابزارهای AI (Connect AI Tools)
راهاندازی Claude Code، Cursor، GitHub Copilot، Gemini CLI، Windsurf، Antigravity، و Cline برای استفاده با دیزاین سیستم پرتو از طریق MCP یا فایلهای context
پرتو دیزاین سیستم را بهصورت MCP server استاندارد (Model Context Protocol) منتشر میکند تا هر ابزار AI با یک کانفیگ کوتاه از دانش کامپوننتها، قوانین RTL، توکنهای رنگ، و قواعد دامنهٔ افکارسنجی برخوردار شود.
بسته به ابزار شما، یکی از سه مسیر زیر را انتخاب کنید:
- MCP Server — توصیهشده. یک کانفیگ JSON کوتاه برای هر ابزار، نتیجه: LLM دامنهآگاه.
- AGENTS.md — برای ابزارهایی که MCP صحبت نمیکنند یا میخواهید بدون نصب چیز اضافهای کار کنید.
- پلاگین Claude Code — کاملترین تجربه (skills + agents + hooks)، فقط Claude Code.
۱. MCP Server — مسیر استاندارد
MCP یک پروتکل باز است که در modelcontextprotocol.io تعریف شده و توسط Claude Code، Cursor، VS Code Copilot، Windsurf، Antigravity، Cline و دیگر ابزارها پشتیبانی میشود.
ابزارهای موجود در MCP پرتو
| ابزار | کار |
|---|---|
parto_search | "چه کامپوننتی برای X؟" — لیست کامپوننتهای مناسب |
parto_component | مستندات کامل یک کامپوننت + مثال کد |
parto_setup | راهنمای نصب برای Next.js یا Vite |
parto_rtl_rules | جدول کامل قوانین RTL |
parto_colors | سیستم رنگ سمانتیک |
parto_review | بررسی کد برای نقضهای RTL و رنگ |
پکیج @parto-system-design/mcp-server در npm منتشر شده و با npx -y بدون نصب لوکال هم کار میکند.
Claude Code
فایل .mcp.json را در ریشه پروژه بسازید:
{
"mcpServers": {
"parto": {
"command": "npx",
"args": ["-y", "@parto-system-design/mcp-server"]
}
}
}نکته: Claude Code علاوه بر MCP، یک پلاگین اختصاصی دارد که skills، agents و hooks اضافهتری ارائه میدهد. بهترین تجربه: هر دو را فعال کنید.
Cursor
فایل .cursor/mcp.json را در ریشه پروژه بسازید:
{
"mcpServers": {
"parto": {
"command": "npx",
"args": ["-y", "@parto-system-design/mcp-server"]
}
}
}برای اعمال در همه پروژهها، همان فایل را در ~/.cursor/mcp.json قرار دهید.
VS Code (GitHub Copilot)
فایل .vscode/mcp.json را بسازید. توجه کنید که VS Code کلید servers (نه mcpServers) را استفاده میکند:
{
"servers": {
"parto": {
"type": "stdio",
"command": "npx",
"args": ["-y", "@parto-system-design/mcp-server"]
}
}
}Windsurf
تنظیمات MCP در ~/.codeium/windsurf/mcp_config.json:
{
"mcpServers": {
"parto": {
"command": "npx",
"args": ["-y", "@parto-system-design/mcp-server"]
}
}
}Windsurf همچنین فایل AGENTS.md ریشه پروژه را بهطور خودکار میخواند (به بخش بعدی مراجعه کنید).
Google Antigravity
از v1.20.x به بعد، Antigravity پشتیبانی per-workspace MCP دارد. تنظیمات MCP را از طریق Settings → MCP اضافه کنید یا فایل کانفیگ workspace را ویرایش کنید:
{
"mcpServers": {
"parto": {
"command": "npx",
"args": ["-y", "@parto-system-design/mcp-server"]
}
}
}مرجع: antigravity.google/docs/mcp
Gemini CLI
فایل ~/.gemini/settings.json را ویرایش کنید:
{
"mcpServers": {
"parto": {
"command": "npx",
"args": ["-y", "@parto-system-design/mcp-server"]
}
}
}Cline / Roo
از تب MCP در پنل افزونهٔ Cline، یا مستقیماً در cline_mcp_settings.json:
{
"mcpServers": {
"parto": {
"command": "npx",
"args": ["-y", "@parto-system-design/mcp-server"]
}
}
}ترنسپورت HTTP — برای IDEهای ابری و سلف-هاست
اگر از یک IDE ابری استفاده میکنید (Cursor cloud، Codespaces، VS Code وب) یا میخواهید یک نمونهٔ مشترک تیمی داشته باشید، میتوانید سرور را بهصورت HTTP اجرا کنید:
docker run -d --name parto-mcp -p 3333:3333 ghcr.io/dadenegar-company/parto-mcp:latest
curl http://localhost:3333/healthسپس بهجای command/args از کلید url استفاده کنید:
{
"mcpServers": {
"parto": { "url": "http://localhost:3333/mcp" }
}
}VS Code شکل کمی متفاوت دارد:
{
"servers": {
"parto": { "type": "http", "url": "http://localhost:3333/mcp" }
}
}برای استقرار سازمانی، docker-compose.yml نمونه در packages/mcp-server/examples/ موجود است.
ابزارهای استاندارد اضافی: از v1.1.0 سرور شامل tool aliasهای استاندارد DS-MCP هم هست: list_components، get_component، search_components، get_tokens. اینها همان قابلیت toolهای parto_* را با نامهای همگرا با اکوسیستم (Chakra/Storybook/Cloudscape) ارائه میدهند.
۲. تأیید اتصال (Verification)
پس از تنظیم MCP، ابزار را ریاستارت کنید و این پرامپت را بفرستید:
یک کارت پروفایل اینفلوئنسر بساز که:
- MetricCard برای نرخ تعامل با category="micro" داشته باشد
- SentimentBadge با مقدار positive داشته باشد
- متن همه فارسی رسمی باشد
- از توکنهای semantic رنگ استفاده شود (نه text-gray-500)اگر MCP درست وصل باشد، پاسخ:
- نام دقیق
EngagementRateبا propcategory="micro"را برمیگرداند (نه ساختار generic shadcn). - از
text-lightوbg-surface-100استفاده میکند، نهtext-gray-500وbg-white. - تمام classها از CSS Logical Properties (
ms-*،pe-*) استفاده میکنند.
اگر LLM به shadcn یا generic Tailwind برگشت، MCP وصل نشده است — کانفیگ JSON و ریاستارت ابزار را دوباره بررسی کنید.
۳. AGENTS.md — فالبک بدون MCP
اگر ابزار شما MCP پشتیبانی نمیکند یا نمیخواهید کانفیگ اضافهای بدهید، فایل AGENTS.md همراه پکیج npm منتشر میشود و توسط Cursor، Windsurf، Antigravity و سایر ابزارهای سازگار از مسیر node_modules خوانده میشود.
برای بهترین نتیجه، آن را به ریشهٔ پروژهٔ خود کپی کنید:
# پس از pnpm add @parto-system-design/ui
cp node_modules/@parto-system-design/ui/AGENTS.md ./AGENTS.mdاین فایل شامل قوانین RTL، الگوی component، toolهای ساخت، و کنوانسیونهای زبانی است.
فایلهای اضافی برای ابزارهای خاص
برای راحتی بیشتر، فایلهای ابزار-اختصاصی نیز در ai-context/ ریپو موجودند:
# Cursor — rules اختصاصی
cp ai-context/parto.mdc .cursor/rules/parto.mdc
# GitHub Copilot
cp ai-context/copilot-instructions.md .github/copilot-instructions.md
# Gemini CLI
cp ai-context/GEMINI.md ./GEMINI.md
# Windsurf
cp ai-context/windsurf-rule.md .windsurf/rules/parto.md۴. مقایسه روشها
| روش | مزیت | معایب |
|---|---|---|
| MCP Server | یک کانفیگ — همه ابزارها — پاسخهای زنده | نیاز به Node.js در runtime |
| AGENTS.md | بدون نصب اضافه — automatic از node_modules | static — بهروزرسانی دستی |
| پلاگین Claude Code | کاملترین: skills + agents + RTL hooks | فقط Claude Code |
توصیه: MCP Server + AGENTS.md را در کنار هم فعال کنید، و در Claude Code علاوه بر اینها پلاگین را هم نصب کنید.
۵. مرجع سریع — تکخطی برای هر ابزار
| ابزار | فایل کانفیگ | کلید JSON |
|---|---|---|
| Claude Code | .mcp.json (ریشه پروژه) | mcpServers |
| Cursor | .cursor/mcp.json یا ~/.cursor/mcp.json | mcpServers |
| VS Code Copilot | .vscode/mcp.json | servers |
| Windsurf | ~/.codeium/windsurf/mcp_config.json | mcpServers |
| Antigravity | Workspace MCP settings | mcpServers |
| Gemini CLI | ~/.gemini/settings.json | mcpServers |
| Cline | cline_mcp_settings.json | mcpServers |
دستور run یکی است: npx -y @parto-system-design/mcp-server
صفحات مرتبط
- پلاگین Claude Code — راهاندازی کامل پلاگین (skills، agents، hooks)
- وایبکدینگ با پرتو — پرامپتهای آماده پس از اتصال
- نصب و راهاندازی — نصب پکیج npm پایه