/ Каталог / Песочница / Responsive Craft
● Сообщество kylezantos ⚡ Сразу

Responsive Craft

автор kylezantos · kylezantos/responsive-craft

Claude Code skill for responsive design — mobile-first layouts, sticky coordination, dashboards.

Claude Code skill for responsive design — mobile-first layouts, sticky coordination, dashboards.

Живое демо

Как выглядит на практике

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 использует массив объектов серверов, а не map.

~/.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.

Поток
  1. Install the skill in your client (see Install tab).
  2. Authenticate or configure required tokens.
  3. 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.

Ещё

Ресурсы

📖 Читать официальный README на GitHub

🐙 Открытые задачи

🔍 Все 400+ MCP-серверов и Skills