Development Tools MCP Server

🚀 MCP開発ツールサーバー

このサーバーは、コード分析とウェブスクレイピングのための包括的なMCP（モデルコンテキストプロトコル）サーバーです。コード品質分析、リンティング、依存関係分析、静的/動的ウェブスクレイピング、およびAPI検出をサポートします。

🚀 クイックスタート

MCP開発ツールは、AIアシスタント（Cursor、Claude Desktopなど）がコード品質を分析し、ウェブコンテンツを収集し、開発タスクを実行するための包括的なMCPサーバーです。

✨ 主な機能

• 📊 コード品質分析：複雑性、保守性、コードスメルの検出
• 🔍 リンティングとフォーマット：ESLint、Prettier、TypeScriptチェック
• 📦 依存関係分析：未使用の依存関係、脆弱性、古いパッケージ
• 🔒 セキュリティ分析：シークレット検出、脆弱性スキャン
• 🌐 ウェブスクレイピング：静的および動的コンテンツのスクレイピング
• 🔎 API検出：エンドポイントの検出、ネットワーク分析

📦 インストール

必要条件

• Node.js 18以上
• npmまたはyarn
• TypeScript（開発用依存関係）

手順

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

git clone https://github.com/code-alchemist01/development-tools-mcp-Server.git
cd development-tools-mcp-Server

2. 依存関係をインストールします：

npm install

3. Playwrightブラウザをインストールします（動的スクレイピング用）：

npx playwright install chromium

4. プロジェクトをビルドします：

npm run build

5. テストを実行します：

npm start

📦 MCPクライアントへのインストール

Cursor IDE

1. MCP設定ファイルを作成/編集する

Windows:

%APPDATA%\Cursor\User\globalStorage\mcp.json

macOS/Linux:

~/.config/Cursor/User/globalStorage/mcp.json

2. 設定内容

{
  "mcpServers": {
    "development-tools": {
      "command": "node",
      "args": [
        "C:\\Users\\YourUsername\\path\\to\\development-tools-mcp-Server\\dist\\index.js"
      ]
    }
  }
}

注意: args内のパスを自分のプロジェクトパスに更新してください。

3. Cursorを再起動する

設定ファイルを保存した後、Cursorを完全に閉じてから再度開きます。

4. 検証

Cursorの Settings > Tools & MCP セクションで、"development-tools"がリストに表示され、"42 tools enabled"と表示されるはずです。

Claude Desktop

1. MCP設定ファイルを作成/編集する

Windows:

%APPDATA%\Claude\claude_desktop_config.json

macOS:

~/Library/Application Support/Claude/claude_desktop_config.json

Linux:

~/.config/Claude/claude_desktop_config.json

2. 設定内容

{
  "mcpServers": {
    "development-tools": {
      "command": "node",
      "args": [
        "/absolute/path/to/development-tools-mcp-Server/dist/index.js"
      ]
    }
  }
}

3. Claude Desktopを再起動する

その他のMCPクライアント

任意のMCPクライアントを使用している場合、クライアントのMCPサーバー構成形式に従って、以下の情報を使用してください。

• コマンド: node
• 引数: [path/to/dist/index.js]
• トランスポート: stdio（標準入出力）

設定フォーマットの例

一般的なMCP設定:

{
  "mcpServers": {
    "development-tools": {
      "command": "node",
      "args": ["/absolute/path/to/dist/index.js"],
      "env": {}
    }
  }
}

環境変数を使用する場合:

{
  "mcpServers": {
    "development-tools": {
      "command": "node",
      "args": ["/absolute/path/to/dist/index.js"],
      "env": {
        "NODE_ENV": "production"
      }
    }
  }
}

💻 使用例

MCPクライアントでの使用

MCPサーバーをインストールした後、クライアントのチャットインターフェイスで自然言語コマンドを使用して操作を実行できます。

コード分析の例

コード品質分析:

このプロジェクトのコード品質を分析してください

src/**/*.tsファイルのコード品質を分析してください

複雑性の計算:

src/utilsディレクトリ内のファイルの複雑性を計算してください

コードスメルの検出:

コード内のコードスメルを見つけてください

重複コードの検出:

プロジェクト内の重複コードブロックを見つけてください

リンティングの例

コードリンティング:

src/**/*.tsファイルをリントしてください

コードフォーマット:

src/**/*.tsファイルをPrettierでフォーマットしてください

TypeScriptチェック:

TypeScriptファイル内の型エラーをチェックしてください

依存関係分析の例

依存関係分析:

プロジェクトの依存関係を分析してください

未使用パッケージの検出:

未使用のnpmパッケージを見つけてください

セキュリティ脆弱性のチェック:

依存関係内のセキュリティ脆弱性をチェックしてください

ウェブスクレイピングの例

HTMLスクレイピング:

https://example.comページをスクレイピングしてください

リンクの抽出:

https://example.comページ内のすべてのリンクを抽出してください

動的コンテンツ:

https://example.comページをブラウザでスクレイピングしてください（JavaScriptレンダリング）

APIエンドポイントの検出:

https://example.comページ内のAPIエンドポイントを検出してください

セキュリティ分析の例

シークレット検出:

コード内のハードコードされたシークレットを見つけてください

セキュリティスキャン:

セキュリティ脆弱性をスキャンしてください

📋 MCPツール（42個のツール）

コード品質ツール（8個）

• analyze_code_quality - 一般的なコード品質分析
• calculate_complexity - 循環的複雑性の計算
• detect_code_smells - コードスメルの検出
• analyze_maintainability - 保守性指数の計算
• find_duplicate_code - 重複コードの検出
• analyze_test_coverage - テストカバレッジ分析
• generate_code_metrics - 詳細なコードメトリクスの生成
• suggest_refactoring - リファクタリングの提案

リンティングツール（5個）

• lint_code - ESLintによるコードチェック
• format_code - Prettierによるコードフォーマット
• check_typescript - TypeScriptの型チェック
• validate_syntax - 構文の検証
• fix_lint_issues - 自動的なリント問題の修正

依存関係分析ツール（6個）

• analyze_dependencies - 依存関係ツリーの分析
• find_unused_dependencies - 未使用のパッケージの検出
• check_vulnerabilities - セキュリティ脆弱性のチェック
• check_outdated_packages - 古いパッケージの検出
• analyze_bundle_size - バンドルサイズの分析
• suggest_dependency_updates - 更新提案

セキュリティ分析ツール（4個）

• scan_security_issues - セキュリティスキャン
• detect_secrets - ハードコードされたシークレットの検出
• analyze_permissions - ファイル権限分析
• check_compliance - コンプライアンスチェック

静的スクレイピングツール（6個）

• scrape_html - HTMLコンテンツの収集
• extract_text - テキストの抽出
• extract_links - リンクの抽出
• extract_images - 画像URLの抽出
• extract_tables - テーブルデータの抽出
• scrape_by_selector - CSSセレクタによるスクレイピング

動的スクレイピングツール（5個）

• scrape_dynamic_content - JavaScriptレンダリングされたコンテンツのスクレイピング
• scrape_with_interaction - ユーザーインタラクションによるスクレイピング
• screenshot_page - ページのスクリーンショット
• wait_for_element - 要素の待機
• extract_after_click - クリック後のコンテンツの抽出

API検出ツール（4個）

• discover_api_endpoints - APIエンドポイントの検出
• analyze_network_requests - ネットワークトラフィックの分析
• extract_api_schema - APIスキーマの抽出
• test_api_endpoint - APIエンドポイントのテスト

データ処理ツール（4個）

• parse_json - JSONの解析
• parse_xml - XMLの解析
• parse_csv - CSVの解析
• format_scraped_data - 収集したデータのフォーマット

📁 プロジェクト構造

development-tools-mcp-Server/
├── src/
│   ├── index.ts                 # MCPサーバーの主要エントリポイント
│   ├── server.ts                # MCPサーバーの実装
│   ├── tools/                   # MCPツール
│   │   ├── code-analysis.ts     # セキュリティ分析ツール
│   │   ├── code-quality.ts      # コード品質ツール
│   │   ├── dependency-analysis.ts # 依存関係分析ツール
│   │   ├── linting.ts           # リンティングツール
│   │   ├── web-scraping.ts      # ウェブスクレイピングツール
│   │   └── api-discovery.ts     # API検出ツール
│   ├── analyzers/               # 分析エンジン
│   │   ├── code-analyzer.ts     # コード分析
│   │   ├── complexity-analyzer.ts # 複雑性分析
│   │   ├── dependency-analyzer.ts # 依存関係分析
│   │   └── security-analyzer.ts # セキュリティ分析
│   ├── scrapers/                # スクレイピングエンジン
│   │   ├── static-scraper.ts    # 静的HTMLスクレイピング
│   │   ├── dynamic-scraper.ts  # 動的コンテンツのスクレイピング
│   │   └── api-scraper.ts      # APIエンドポイントの検出
│   ├── utils/                   # ユーティリティ関数
│   │   ├── file-reader.ts
│   │   ├── formatters.ts
│   │   ├── validators.ts
│   │   └── linting-utils.ts
│   └── types/                   # TypeScript型定義
│       └── index.ts
├── dist/                        # コンパイルされたJavaScriptファイル
├── package.json
├── tsconfig.json
└── README.md

🔧 開発

開発モード

npm run dev

ビルド

npm run build

テスト

npm test

📝 使用シナリオの例

シナリオ1: コード品質分析

MCPクライアントチャットで:

src/**/*.tsファイルのコード品質を分析してください
最も複雑な関数を表示してください
コードスメルを検出してください

期待される結果:

• コード品質メトリクス
• 複雑性分析
• コードスメルのリスト
• リファクタリングの提案

シナリオ2: ウェブスクレイピング

MCPクライアントチャットで:

https://example.comページをスクレイピングしてください
ページ内のすべてのリンクを抽出してください
テーブルデータを抽出してください

期待される結果:

• HTMLコンテンツ
• リンクのリスト
• テーブルデータ

シナリオ3: API検出

MCPクライアントチャットで:

https://example.comページ内のAPIエンドポイントを検出してください
ネットワークリクエストを分析してください

期待される結果:

• APIエンドポイントのリスト
• リクエスト/レスポンスの分析
• 認証情報

シナリオ4: 依存関係のクリーニング

MCPクライアントチャットで:

未使用のパッケージを見つけてください
セキュリティ脆弱性をチェックしてください
更新提案を行ってください

期待される結果:

• 未使用の依存関係のリスト
• 脆弱性レポート
• 更新提案

🔐 セキュリティ

• 入力検証とサニタイズ
• URL検証
• タイムアウト管理
• エラーハンドリング
• シークレット検出
• SQLインジェクション対策

📊 出力形式

• JSON - 構造化データのレスポンス
• Markdown - レポートとドキュメント
• CSV - データエクスポート
• Text - プレーンテキスト出力

🤝 貢献方法

1. フォークします
2. 機能ブランチを作成します (git checkout -b feature/amazing-feature)
3. コミットします (git commit -m 'Add amazing feature')
4. プッシュします (git push origin feature/amazing-feature)
5. プルリクエストを作成します

📄 ライセンス

MITライセンス - 詳細については LICENSE ファイルを参照してください。

🔗 MCPクライアントサポート

このMCPサーバーは、以下のクライアントと互換性があります。

• ✅ Cursor IDE - 完全サポート
• ✅ Claude Desktop - 完全サポート
• ✅ Anthropic API - MCPプロトコル経由
• ✅ その他のMCPクライアント - 標準MCPプロトコルをサポートするすべてのクライアント

🙏 謝辞

• Model Context Protocol - MCP標準の提供
• Cursor - MCPサポートの提供
• Claude - MCPサポートの提供

📞 連絡先

質問や提案がある場合は、イシューを作成してください。

⭐ このプロジェクトが気に入ったら、星をつけるのを忘れないでください！