Dive into Claude Code (Claude Skill) — インストール & ライブデモ

ライブデモ

実際の動作

dive-into-claude-code.replay ▶ 準備完了

0/0

インストール

クライアントを選択

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

{
  "mcpServers": {
    "dive-into-claude-code": {
      "command": "npx",
      "args": [
        "-y",
        "dive-into-claude-code"
      ]
    }
  }
}

Claude Desktop → Settings → Developer → Edit Config を開く。保存後、アプリを再起動。

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

{
  "mcpServers": {
    "dive-into-claude-code": {
      "command": "npx",
      "args": [
        "-y",
        "dive-into-claude-code"
      ]
    }
  }
}

Cursor は Claude Desktop と同じ mcpServers スキーマを使用。プロジェクト設定はグローバルより優先。

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "dive-into-claude-code": {
      "command": "npx",
      "args": [
        "-y",
        "dive-into-claude-code"
      ]
    }
  }
}

Cline サイドバーの MCP Servers アイコンをクリックし、"Edit Configuration" を選択。

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "dive-into-claude-code": {
      "command": "npx",
      "args": [
        "-y",
        "dive-into-claude-code"
      ]
    }
  }
}

Claude Desktop と同じ形式。Windsurf を再起動して反映。

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "dive-into-claude-code",
      "command": "npx",
      "args": [
        "-y",
        "dive-into-claude-code"
      ]
    }
  ]
}

Continue はマップではなくサーバーオブジェクトの配列を使用。

~/.config/zed/settings.json

{
  "context_servers": {
    "dive-into-claude-code": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "dive-into-claude-code"
        ]
      }
    }
  }
}

context_servers に追加。保存時に Zed がホットリロード。

claude mcp add dive-into-claude-code -- npx -y dive-into-claude-code

ワンライナー。claude mcp list で確認、claude mcp remove で削除。

ユースケース

実用的な使い方： Dive into Claude Code

Get started with Dive into Claude Code

使うタイミング： When you want to bring Dive into Claude Code 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 Dive into Claude Code to help me with a task.✓ コピーしました

結果： Claude can interact with Dive into Claude Code directly from your IDE.

その他

リソース

📖 GitHub の公式 README を読む

🐙 オープンな issue を見る

🔍 400以上のMCPサーバーとSkillsを見る