Developer Tools MCP

🚀 開発者ツール MCP サーバー

このサーバーは、全面的なモデルコンテキストプロトコル（MCP）サーバーで、Puppeteer を通じて豊富な開発およびブラウザー自動化機能を提供します。Cursor IDE やその他の MCP クライアントから、追加のブラウザーや拡張機能をインストールすることなく、ブラウザーやシステムツールと直接シームレスにやり取りできます。

🚀 クイックスタート

この MCP サーバーは、豊富なブラウザー自動化および Web 開発ツールを提供します。以下にその概要を説明します。

✨ 主な機能

この MCP サーバーは、豊富なブラウザー自動化および Web 開発ツールを提供します。

🌐 ブラウザー自動化

• ページ管理
  • ページの作成、閉じる、切り替え
  • ページ情報（タイトル、URL、HTML 内容）の取得
  • ページのナビゲーションとリフレッシュ
  • フレームの切り替え
  • ページの読み込みと要素の出現を待機

📸 メディアとドキュメント

• スクリーンショット
  • 部分ページのスクリーンショットを取得
  • 全ページのスクリーンショットを取得
  • PDF ドキュメントを生成（カスタムオプションをサポート）

🍪 Cookie 管理

• Cookie の設定と取得
• ドメインごとの Cookie 管理
• Cookie の操作と監視

📱 ビューモード

• モバイルデバイスのシミュレーション
• タブレットデバイスのシミュレーション
• デスクトップビューの設定

🔍 デバッグツール

• コンソールログの監視
• ページエラーの追跡
• リソース使用状況の分析
• カスタム JavaScript の実行
• ネットワークリクエストの監視

📊 分析とテスト

• パフォーマンス分析
  • ロード時間の指標
  • リソース消費
  • ネットワークパフォーマンス
• セキュリティ分析
  • セキュリティヘッダーのチェック
  • SSL/TLS 設定
• アクセシビリティテスト
  • WCAG 準拠チェック
  • アクセシビリティのベストプラクティス
• SEO 分析
  • Meta タグの検証
  • SEO のベストプラクティスのチェック
• コードカバレッジ
  • JavaScript コードのカバレッジ分析

🔧 要素操作

• 要素情報
  • テキスト内容の抽出
  • HTML 構造の分析
  • 属性と属性のアクセス
  • 要素の数と可視性のチェック
  • 位置とスタイルの計算
• 要素のインタラクション
  • クリック操作
  • テキスト入力
  • スクロール（要素、ページの上部/下部、カスタム位置）
  • マウスホバーのシミュレーション
  • フォームの送信
  • ファイルのアップロード
  • キーボードショートカット
  • ダイアログの管理（受け入れ/拒否/入力）

🔄 API とシステム

• REST API リクエストの処理
• システムリソースの監視

🔑 SSH 接続

• SSH を介してリモートサーバーに接続（持続的な接続）
• リモート SSH サーバーでコマンドを実行
• リモート SSH サーバーとの接続を切断

📦 インストール

前提条件

• Node.js ランタイム環境（v18 以上）

設定

このサーバーには 40 以上のツールが含まれているため、MCP HUB MCP サーバー の使用をおすすめします。

{
  "mcpServers": {
    "developer-tools-mcp": {
      "command": "npx -y developer-tools-mcp"
    }
  }
}

🤝 貢献

貢献いただけることを歓迎します！Pull Request をいつでも送信してください。

📄 ライセンス

このプロジェクトは MIT ライセンスの下で公開されています。詳細は LICENSE ファイルを参照してください。