Claude Next.js Skills — Установка & Живое демо

Name: Claude Next.js Skills (Claude Skill)
Author: wsimmonds

Живое демо

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

claude-nextjs-skills-wsimmonds.replay ▶ готово

0/0

Установка

Выберите клиент

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

{
  "mcpServers": {
    "claude-nextjs-skills-wsimmonds": {
      "command": "npx",
      "args": [
        "-y",
        "claude-nextjs-skills-wsimmonds"
      ]
    }
  }
}

Откройте Claude Desktop → Settings → Developer → Edit Config. Перезапустите после сохранения.

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

{
  "mcpServers": {
    "claude-nextjs-skills-wsimmonds": {
      "command": "npx",
      "args": [
        "-y",
        "claude-nextjs-skills-wsimmonds"
      ]
    }
  }
}

Cursor использует ту же схему mcpServers, что и Claude Desktop. Конфиг проекта приоритетнее глобального.

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "claude-nextjs-skills-wsimmonds": {
      "command": "npx",
      "args": [
        "-y",
        "claude-nextjs-skills-wsimmonds"
      ]
    }
  }
}

Щёлкните значок MCP Servers на боковой панели Cline, затем "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "claude-nextjs-skills-wsimmonds": {
      "command": "npx",
      "args": [
        "-y",
        "claude-nextjs-skills-wsimmonds"
      ]
    }
  }
}

Тот же формат, что и Claude Desktop. Перезапустите Windsurf для применения.

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "claude-nextjs-skills-wsimmonds",
      "command": "npx",
      "args": [
        "-y",
        "claude-nextjs-skills-wsimmonds"
      ]
    }
  ]
}

Continue использует массив объектов серверов, а не map.

~/.config/zed/settings.json

{
  "context_servers": {
    "claude-nextjs-skills-wsimmonds": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "claude-nextjs-skills-wsimmonds"
        ]
      }
    }
  }
}

Добавьте в context_servers. Zed перезагружается автоматически.

claude mcp add claude-nextjs-skills-wsimmonds -- npx -y claude-nextjs-skills-wsimmonds

Однострочная команда. Проверить: claude mcp list. Удалить: claude mcp remove.

Сценарии использования

Реальные сценарии: Claude Next.js Skills

Get started with Claude Next.js Skills

Когда использовать: When you want to bring Claude Next.js Skills 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 Claude Next.js Skills to help me with a task.✓ Скопировано

Итог: Claude can interact with Claude Next.js Skills directly from your IDE.

Ещё

Ресурсы

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

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

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