محررات الذكاء الاصطناعي وMCP

يستطيع محرر الذكاء الاصطناعي لديك البحث في goodui، وقراءة مستندات كل مكوّن وخصائصه، وتثبيته. هناك ثلاث طرق؛ استخدم أول واحدة متاحة لك.

1. خادم MCP من goodui

رابط واحد، بلا حساب: https://goodui.dev/api/mcp. الأدوات: search_components, list_components, list_blocks, get_component, get_block, get_install_command, get_setup.

Claude Code

claude mcp add --transport http goodui https://goodui.dev/api/mcp

Cursor

{
  "mcpServers": {
    "goodui": { "url": "https://goodui.dev/api/mcp" }
  }
}

VS Code (Copilot)

{
  "servers": {
    "goodui": { "type": "http", "url": "https://goodui.dev/api/mcp" }
  }
}

Windsurf

{
  "mcpServers": {
    "goodui": { "serverUrl": "https://goodui.dev/api/mcp" }
  }
}

Codex وZed وClaude Desktop وعملاء stdio الآخرون

العملاء الذين يشغّلون خوادم محلية فقط يصلون إليه عبر mcp-remote:

npx -y mcp-remote https://goodui.dev/api/mcp

في Claude Desktop يمكنك أيضًا إضافته من Settings → Connectors كموصّل مخصص بالرابط أعلاه.

كتل Pro عبر MCP

أرسل مفتاح ترخيصك كترويسة فتُعيد get_block مصدر Pro أيضًا، مثلًا في Claude Code:

claude mcp add --transport http goodui https://goodui.dev/api/mcp --header "Authorization: Bearer $GOODUI_LICENSE_KEY"

2. حزمة الوكلاء

أمر واحد يضيف قواعد goodui إلى كل محرر في المشروع: أي مكوّن تختار، وكيف تثبّته، وقواعد النغمات والحركة وRTL وإمكانية الوصول. كل محرر يحصل على ملفه الخاص، فلا يُستبدل شيء مما لديك.

npx shadcn@latest add https://goodui.dev/r/agent.json

• .claude/skills/goodui/SKILL.md: مهارة Claude Code
• .cursor/rules/goodui.mdc: قاعدة Cursor
• .github/instructions/goodui.instructions.md: GitHub Copilot
• .windsurf/rules/goodui.md: قاعدة Windsurf

لـ Codex وAmp وبقية قارئات AGENTS.md، أضف سطرًا واحدًا إلى AGENTS.md لديك: UI: follow .claude/skills/goodui/SKILL.md

3. Markdown لأي محادثة

• كل صفحة مكوّن فيها نسخ الصفحة ونسخة Markdown مطابقة، مثلًا /components/core/button.md.
• /llms.txt يسرد كل شيء؛ /llms-full.txt يحوي مستندات كل مكوّن وواجهته البرمجية كاملة في ملف واحد.
• الكتل والمكونات المجانية فيها فتح في v0.

أشياء تطلبها

• ابنِ قسم أسعار بـ goodui: تبديل شهري/سنوي، أسعار متدحرجة، زر أساسي متوهج.
• أضف الجدول الزمني للموارد من goodui إلى صفحة الجدول واربطه بحجوزاتنا.
• اجعل نموذج الإعدادات هذا يستخدم حقول goodui ومفتاح التبديل والقائمة المنسدلة، مترجمًا إلى الألمانية.