Leluth/underpixel

underpixel とは？

Leluth/underpixelは、Chrome拡張機能とMCP（Model Context Protocol）サーバーを統合したツールで、Webページ上の視覚的操作とその背後で発生するAPI呼び出しを正確に記録・関連付けます。開発者は、タイムスタンプ付きのビジュアルログとAPIログを同期して確認できるため、UIイベントがどのAPIをトリガーしたかを即座に把握できます。主にClaude CodeやMCP対応のAIエージェントで利用され、E2Eテストのデバッグ、ユーザー行動の分析、およびUIとバックエンドの不整合の調査に役立ちます。このツールは、Chrome DevTools ProtocolとカスタムMCPサーバーを組み合わせることで、ブラウザの操作をリプレイ可能なデータとして保存し、開発フローにシームレスに統合します。