Communityコーディング&開発github.com

mrgenkko/claude-skills

Claude Code の VSCode 拡張機能で MCP サーバーを設定するためのスキルです。

claude-skills とは?

このスキルは、Claude Code の VSCode 拡張機能において MCP (Model Context Protocol) サーバーを構成するための手順を提供します。ユーザーは、`claude_desktop_config.json` ファイルに MCP サーバーの設定を記述することで、Claude が外部ツール(ファイルシステム操作、ウェブ検索、GitHub連携、データベースクエリなど)を利用できるようになります。本スキルでは、設定ファイルの場所、JSON 構造の例、各設定項目の意味を日本語で詳しく解説しています。これにより、開発者は Claude のエージェント機能を拡張し、より高度な自動化や開発支援を VSCode 環境で実現できます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add mrgenkko/claude-skills

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

claude-skills は何をしますか?

Claude Code の VSCode 拡張機能で MCP サーバーを設定するためのスキルです。

MCP サーバー設定

Claude Code が VSCode 上で MCP サーバーと通信できるようにするには、以下の設定ファイルを編集します。

設定ファイルの場所

  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Windows: %APPDATA%\Claude\claude_desktop_config.json
  • Linux: ~/.config/Claude/claude_desktop_config.json

設定例

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/path/to/allowed/directory"
      ]
    },
    "github": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-github"
      ],
      "env": {
        "GITHUB_TOKEN": "<YOUR_TOKEN>"
      }
    },
    "web-search": {
      "command": "npx",
      "args": [
        "-y",
        "@anthropic-ai/mcp-server-web-search"
      ],
      "env": {
        "ANTHROPIC_API_KEY": "<YOUR_API_KEY>"
      }
    }
  }
}

設定項目の説明

項目説明
mcpServersMCP サーバーの定義オブジェクト。各サーバーに任意の名前を付けます。
commandサーバーを起動するための実行可能コマンド(例: npx, node, python)
argsコマンドに渡す引数の配列
envサーバーに設定する環境変数(API キーやトークンなど)

利用可能な MCP サーバー

  • Filesystem: ファイルの読み書き、ディレクトリ操作
  • GitHub: リポジトリ管理、Issue/PR 操作
  • Web Search: ウェブ検索の実行
  • Database: SQLite, PostgreSQL などのデータベースクエリ
  • Slack: Slack チャンネルへのメッセージ送信

注意事項

  • 各 MCP サーバーには依存関係があります。事前に npm install -g などでインストールしておくか、npx を使用して自動ダウンロードするように設定してください。
  • 環境変数に API キーやトークンを保存する場合は、設定ファイルのセキュリティに注意してください。
  • 設定を変更した後は VSCode を再読み込みするか、Claude Code ウィンドウを再起動してください。

関連スキル