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 مصفوفة من كائنات الخادم بدلاً من خريطة.

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