バイブコーダーが知るべきMCP入門
— AIに外部ツールを使わせる方法

1. MCPとは何か

AIチャットはテキスト生成が得意ですが、あなたのパソコンのファイルやブラウザには触れません。 これが「AIにコードを書いてもらってもコピペが必要」という非効率さの原因です。

MCPはこの問題を解決するための通信規格（プロトコル）です。 AIとファイルシステム・ブラウザ・データベースなどの外部ツールをつなぐ「共通のUSBポート」と考えてください。

2. アーキテクチャを理解する

MCPは3つの要素で構成されます。

ユーザー
    ↓
ホスト（Cursor / Claude Code / Claude Desktop）
    ↓（MCPクライアント経由）
MCPサーバー（filesystem / browser / database...）
    ↓
実際のツール（ファイル / Webページ / DB）

• ホストユーザーが使うAIアプリ（Cursor・Claude Code等）。内部にMCPクライアントを持つ
• サーバー実際のツール機能を提供する独立プロセス。複数のホストで共有できるのが強み
• トランスポート標準入出力（stdio）またはHTTPでホストとサーバーが通信する

3. 人気のMCPサーバー一覧

4. CursorでMCPを設定する

設定は ~/.cursor/mcp.json を作るだけです。

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/Users/yourname/projects"
      ]
    },
    "playwright": {
      "command": "npx",
      "args": ["-y", "@playwright/mcp"]
    }
  }
}

Cursorを再起動すると設定が読み込まれます。チャットで「projectsフォルダのファイルを読んで」と入力してテストしてください。

5. Claude Code Skillsとの違い

MCPと似た概念に Claude Code Skills があります。混乱しがちなので整理します。

Claude Code Skills の具体例

Skillsは .claude/skills/ フォルダにSKILL.md として定義します。

# .claude/skills/tdd-workflow/SKILL.md

---
name: tdd-workflow
description: 新機能実装・バグ修正時にTDDを強制するスキル
---

## ルール
1. テストを先に書く
2. カバレッジ80%以上を維持
3. 単体・統合・E2Eテストを用意する

6. バイブコーダーの実用ユースケース