Responsive Craft (Claude Skill) — التثبيت & عرض مباشر

عرض مباشر

كيف يبدو في الممارسة

responsive-craft-skill.replay ▶ جاهز

0/0

التثبيت

اختر العميل

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "responsive-craft-skill": {
      "command": "npx",
      "args": [
        "-y",
        "responsive-craft-skill"
      ]
    }
  }
}

افتح Claude Desktop → Settings → Developer → Edit Config. أعد التشغيل بعد الحفظ.

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "responsive-craft-skill": {
      "command": "npx",
      "args": [
        "-y",
        "responsive-craft-skill"
      ]
    }
  }
}

يستخدم Cursor نفس مخطط mcpServers مثل Claude Desktop. إعدادات المشروع أولى من الإعدادات العامة.

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "responsive-craft-skill": {
      "command": "npx",
      "args": [
        "-y",
        "responsive-craft-skill"
      ]
    }
  }
}

انقر على أيقونة MCP Servers في شريط Cline الجانبي، ثم "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "responsive-craft-skill": {
      "command": "npx",
      "args": [
        "-y",
        "responsive-craft-skill"
      ]
    }
  }
}

نفس الصيغة مثل Claude Desktop. أعد تشغيل Windsurf لتطبيق التغييرات.

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "responsive-craft-skill",
      "command": "npx",
      "args": [
        "-y",
        "responsive-craft-skill"
      ]
    }
  ]
}

يستخدم Continue مصفوفة من كائنات الخادم بدلاً من خريطة.

~/.config/zed/settings.json

{
  "context_servers": {
    "responsive-craft-skill": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "responsive-craft-skill"
        ]
      }
    }
  }
}

أضف إلى context_servers. يعيد Zed التحميل تلقائيًا عند الحفظ.

claude mcp add responsive-craft-skill -- npx -y responsive-craft-skill

أمر من سطر واحد. تحقق باستخدام claude mcp list. احذف باستخدام claude mcp remove.

حالات الاستخدام

استخدامات عملية: Responsive Craft

Get started with Responsive Craft

متى تستخدمه: When you want to bring Responsive Craft into your Claude workflow.

الخطوات

Install the skill in your client (see Install tab).
Authenticate or configure required tokens.
Ask Claude to use the new tools.

Use Responsive Craft to help me with a task.✓ تم النسخ

النتيجة: Claude can interact with Responsive Craft directly from your IDE.

Responsive Craft