etsd-tech/mcp-pointer
🔌 MCP Serveretsd-tech
ブラウザのDOM要素をAIコーディングエージェントに直接連携させるビジュアルセレクター。
mcp-pointerは、AIエージェントを使用してWebアプリケーションを構築・デバッグする際に発生する「DOM要素の特定」という課題を解決します。ブラウザとMCP（Model Context Protocol）エコシステムの間にシームレスなブリッジを提供することで、開発者はWebページを視覚的に操作できます。使い方は簡単で、Chrome拡張機能をインストールしてセレクターを有効にし、Option+Clickで正確なCSSセレクターやXPathを取得するだけです。取得した情報はMCPサーバーを介して互換性のあるAIコーディングツールに共有されます。これにより、DOMツリーを手動で調査する必要がなくなり、スクリプトやテスト、UI関連コードの作成速度が大幅に向上します。現代のAIファーストな開発環境向けに設計されており、エージェントが操作・テスト対象のUIコンポーネントを正確かつ文脈を理解した状態で参照できるようにします。
💡ハイライト
- ├─Option+Clickによる直感的なDOM選択
- ├─MCPサーバーへのネイティブ統合
- └─Claude CodeやCursorとの高い互換性
🎯対象
- ├─フロントエンドエンジニア
- └─AI自動化エンジニア