Claude Next.js Skills — Installieren & Live-Demo

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

Live-Demo

In der Praxis

claude-nextjs-skills-wsimmonds.replay ▶ bereit

0/0

Installieren

Wählen Sie Ihren Client

~/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"
      ]
    }
  }
}

Öffne Claude Desktop → Settings → Developer → Edit Config. Nach dem Speichern neu starten.

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

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

Cursor nutzt das gleiche mcpServers-Schema wie Claude Desktop. Projektkonfiguration schlägt die globale.

VS Code → Cline → MCP Servers → Edit

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

Klicken Sie auf das MCP-Servers-Symbol in der Cline-Seitenleiste, dann "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

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

Gleiche Struktur wie Claude Desktop. Windsurf neu starten zum Übernehmen.

~/.continue/config.json

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

Continue nutzt ein Array von Serverobjekten statt einer Map.

~/.config/zed/settings.json

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

In context_servers hinzufügen. Zed lädt beim Speichern neu.

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

Einzeiler. Prüfen mit claude mcp list. Entfernen mit claude mcp remove.

Anwendungsfälle

Praxisnahe Nutzung: Claude Next.js Skills

Get started with Claude Next.js Skills

Wann einsetzen: When you want to bring Claude Next.js Skills into your Claude workflow.

Ablauf

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.✓ Kopiert

Ergebnis: Claude can interact with Claude Next.js Skills directly from your IDE.

Mehr

Ressourcen

📖 Offizielle README auf GitHub lesen

🐙 Offene Issues ansehen

🔍 Alle 400+ MCP-Server und Skills durchsuchen