# Claude 拡張機能設定ツール

このリポジトリは、Claude デスクトップアプリ、Cursor IDE、**Claude Code**の機能拡張設定を管理するためのツールです。

## 概要

`Makefile` を使用して、テンプレート (`claude_desktop_config.template.json`または`cursor_config.template.json`) と `.env` ファイルから設定ファイル (`claude_desktop_config.json`または`config.json`) を自動生成し、Claude デスクトップアプリまたはCursor IDEの設定ディレクトリにインストールします。

**Claude Code向けには、個別MCPサーバーの管理機能も提供します。**

## 対応している機能

このリポジトリは以下の機能を Claude デスクトップアプリとCursor IDEで利用できるようにします：

- **Brave 検索**: Web 検索および地域検索
- **ファイルシステム**: ローカルファイルの操作
- **Git**: リポジトリ操作
- **GitHub**: リポジトリ管理
- **シェル**: コマンド実行
- **Puppeteer**: Web スクレイピング
- **Fetch**: HTTP リクエスト
- **Claude CLI**: コマンドライン連携
- **AWS Documentation**: AWS 関連情報の検索
- **Supabase**: データベース連携
- **Obsidian**: Obsidian ノートの操作

## 前提条件

- [Bun](https://bun.sh/)がインストールされていること
- システムに `make` がインストールされていること
- Claude デスクトップアプリ、Cursor IDE、または[Claude Code](https://claude.ai/code)がインストールされていること
- [uvx](https://uvy.io/)がインストールされていること（AWS Documentation 機能を使用する場合）
- **Claude Code用**: Claude CLIがインストールされていること

## セットアップ

1. **リポジトリをクローンします:**

   ```bash
   git clone git@github.com:drapon/claude-mcp-servers.git
   cd claude-ts-mcps
   ```

2. **.env ファイルを作成します:**

   以下のような内容の `.env` ファイルを作成し、必要な値を設定します。

   ```
   # API Keys and Tokens
   BRAVE_API_KEY=your_brave_api_key         # Brave検索のAPI Key
   GITHUB_TOKEN=your_github_personal_access_token  # GitHub個人アクセストークン
   SUPABASE_API_KEY=your_supabase_api_key   # SupabaseのAPI Key
   FIGMA_API_KEY=your_figma_api_key         # FigmaのAPI Key

   # Executables Paths
   BUN_PATH=/path/to/bun                    # bunコマンドのフルパス（通常は /opt/homebrew/bin/bun）
   UVX_PATH=/path/to/uvx                    # uvxコマンドのフルパス（通常は /usr/local/bin/uvx）
   NPX_PATH=/path/to/npx                    # npxコマンドのフルパス
   CLAUDE_CLI_PATH=/path/to/claude/cli      # Claude CLIのフルパス

   # Directories
   HOME_DIR=/your/home/directory            # ホームディレクトリのパス
   OBSIDIAN_VAULT_DIR=/path/to/obsidian/vault  # Obsidianのvaultディレクトリ
   CURSOR_WORKSPACE_PATH=/path/to/workspace    # Cursorのワークスペースパス (Cursor用)

   # Fetch Tool Configuration
   CUSTOM_USER_AGENT=Mozilla/5.0 (...)      # カスタムユーザーエージェント設定
   IGNORE_ROBOTS_TXT=false                  # robots.txtを無視するかどうか
   ```

3. **依存関係をインストールして設定します:**

   **Claude Desktop用の場合:**

   ```bash
   # MCPサーバーを選択的に有効化する（推奨）
   make select-mcps

   # または、従来の自動セットアップ
   make setup
   ```

   **Cursor IDE用の場合:**

   ```bash
   # Cursor用のMCPサーバーを設定
   ./scripts/setup_cursor_mcp.sh
   ```

   **Claude Code用の場合:**

   ```bash
   # 個別MCPサーバーをビルドして対話的に設定（推奨）
   make reset-and-setup-claude-code

   # または、リセットせずに追加設定
   make setup-claude-code

   # 既存の設定をリセットのみ
   make reset-claude-code

   # 設定済みMCPサーバーの確認
   make list-claude-code-mcps
   ```

   これにより、以下の処理が行われます:

   - ルートディレクトリと`ts`ディレクトリの依存関係がインストールされます
   - `select-mcps`を使用した場合:
     - 有効にするMCPサーバーを選択できます
     - 必要な環境変数を対話的に入力できます
   - テンプレートファイル（`claude_desktop_config.template.json`または`cursor_config.template.json`）と `.env` ファイルから設定ファイルが生成されます
   - 生成された設定ファイルが適切な設定ディレクトリにコピーされます

4. **アプリケーションを再起動します:**

   変更を反映させるために、Claude デスクトップアプリやCursor IDEを再起動してください。

## Makefile コマンド

### Claude Desktop / Cursor IDE 用

- `make all` または `make`: デフォルトターゲット。`setup` ターゲットを実行します
- `make setup`: 依存関係をインストールし、設定ファイルを生成して Claude デスクトップアプリの設定ディレクトリにコピーします
- `make select-mcps`: インタラクティブにMCPサーバーを選択して設定します。必要な環境変数の設定も行えます
- `make cursor-setup`: Cursor IDE用の設定ファイルをインストールします
- `make cursor-interactive`: Cursor IDE用のインタラクティブセットアップを実行します

### Claude Code 用

- `make build-individual-mcps`: 個別MCPサーバーを`dist/`ディレクトリにビルドします
- `make setup-claude-code`: Claude Code用MCPサーバーを対話的に設定します
- `make reset-and-setup-claude-code`: 既存の設定をリセットしてから新規設定します（推奨）
- `make reset-claude-code`: 既存のClaude Code MCP設定をリセットします
- `make list-claude-code-mcps`: 現在設定されているMCPサーバーを一覧表示します

### 共通

- `make install`: 依存関係のみをインストールします
- `make clean`: 生成された設定ファイルとビルドファイルを削除します

## 設定ファイル

- `claude_desktop_config.template.json`: Claude Desktop用の機能設定のテンプレートファイル
- `cursor_config.template.json`: Cursor IDE用の機能設定のテンプレートファイル
- `.env`: 環境変数を定義するファイル（リポジトリには含まれません）
- `claude_desktop_config.json`: Claude Desktop用の生成された設定ファイル（リポジトリには含まれません）
- `config.json`: Cursor IDE用の生成された設定ファイル（リポジトリには含まれません）

## カスタマイズ

`.env` ファイルとテンプレートファイルを変更することで、設定をカスタマイズできます:

- **.env**: 環境固有の値とシークレットをここで定義します
- **テンプレートファイル**: 機能設定のテンプレートを必要に応じて変更します
- **インタラクティブ選択**: `make select-mcps` を使用して、使用したいMCPサーバーのみを有効にできます

## Obsidian 機能の使用方法

Obsidian 機能を使用するには、`.env`ファイルに`OBSIDIAN_VAULT_DIR`を設定する必要があります。この機能は以下のツールを提供します：

1. **write_note**: Obsidian ノートを作成または更新します

   - `path`: ノートのパス（.md 拡張子はオプション）
   - `content`: ノートの内容
   - `append`: true の場合、既存のノートに追記します（オプション）

2. **delete_note**: Obsidian ノートを削除します

   - `path`: 削除するノートのパス

3. **read_notes**: 複数のノートを一度に読み取ります

   - `paths`: 読み取るノートのパスの配列

4. **search_notes**: ノート名で検索します
   - `query`: 検索クエリ（大文字小文字を区別しない）

例：

```
// ノートを作成する
write_note({"path": "Projects/新しいプロジェクト", "content": "# 新しいプロジェクト\n\nここにプロジェクトの詳細を記述します。"})

// ノートに追記する
write_note({"path": "Projects/新しいプロジェクト", "content": "## 追加情報\n\nここに追加情報を記述します。", "append": true})

// ノートを検索する
search_notes({"query": "プロジェクト"})

// ノートを読み取る
read_notes({"paths": ["Projects/新しいプロジェクト", "Daily/2025-04-12"]})

// ノートを削除する
delete_note({"path": "Projects/古いプロジェクト"})
```

## Claude Code での使用方法

Claude Code は**個別MCP管理**を採用しており、プロジェクトごとに必要なMCPサーバーのみを選択して使用できます。

### MCP スコープについて

Claude Code では3つのスコープがあります：

1. **local**（デフォルト）: 現在のプロジェクトでのみ利用可能
2. **project**: `.mcp.json`ファイルでチーム共有可能
3. **user**: 全プロジェクトで利用可能

### 基本的な使用フロー

```bash
# 1. 個別MCPサーバーをビルド
make build-individual-mcps

# 2. 既存設定をリセットして新規設定（推奨）
make reset-and-setup-claude-code

# 3. Claude Code内で動作確認
claude code
# Claude Code内で: /mcp
```

### Claude Code内での確認

Claude Code内で以下のコマンドを使用してMCPサーバーの状態を確認できます：

```
/mcp
```

これにより、接続されているMCPサーバーの一覧と状態が表示されます。

### プロジェクト共有での使用

チームで共有したい場合は、`project`スコープを使用します：

1. MCPセットアップ時に「project」スコープを選択
2. 生成された`.mcp.json`ファイルをGitにコミット
3. チームメンバーがプロジェクトをクローン後、Claude Codeが自動的にMCPサーバーを認識

### トラブルシューティング（Claude Code）

- **Claude CLIが見つからない**: Claude CLIが正しくインストールされているか確認
- **MCPサーバーが接続されない**: `make list-claude-code-mcps`で設定を確認
- **権限エラー**: Claude Codeの実行時にプロジェクトスコープのMCPを承認
- **設定のリセット**: `make reset-claude-code`で全設定をクリア

````

## MCP の開発と拡張

このリポジトリに新しい MCP を追加する方法：

1. **新しいサーバーファイルの作成**:
   `/ts/src/` ディレクトリに新しい `.ts` ファイルを作成します。既存のファイル（例：`obsidian.ts`）を参考にできます。

2. **必要なスキーマの定義**:
   Zod を使用して入力パラメータのスキーマを定義します。

   ```typescript
   const MyToolArgsSchema = z.object({
     param1: z.string().describe("パラメータ1の説明"),
     param2: z.number().optional().describe("オプションのパラメータ2"),
   });
````

3. **ツール実装の追加**:
   `server.setRequestHandler()` 内でツールの動作を実装します。

4. **設定ファイルへの追加**:
   テンプレートファイル（`claude_desktop_config.template.json`と`cursor_config.template.json`）に新しい MCP の設定を追加します。

   ```json
   "my-new-tool": {
     "command": "{{BUN_PATH}}",
     "args": ["run", "{{PROJECT_ROOT}}/ts/src/my-new-tool.ts", "{{SOME_PARAMETER}}"]
   }
   ```

5. **環境変数の追加**:
   必要に応じて `.env` ファイルに新しい環境変数を追加し、README を更新します。

## トラブルシューティング

- 問題が発生した場合は、コンソール出力を確認してエラーメッセージがないか確認してください
- `.env` ファイルのパスが正しいことを確認してください
- `bun` コマンドが機能していることを確認してください
- Obsidian 機能の場合、`OBSIDIAN_VAULT_DIR`が正しく設定されていることを確認してください
- インタラクティブセットアップ中に問題が発生した場合は、`make setup`を使用して従来の方法でセットアップしてみてください
- Cursor IDEの設定に問題がある場合は、Cursorの設定画面でMCPの設定パスが正しく指定されているか確認してください

## 開発方針

このプロジェクトはパッケージマネージャーとして[Bun](https://bun.sh/)のみを使用しています。npm や yarn などの他のパッケージマネージャーはサポートされていないため、すべてのインストールと実行には`bun`コマンドを使用してください。