devtools mcp

ChromeのDevToolsを操作させてDebugやパフォーマンス改善をさせる。

想定としては、ローカルホスト・サーバーで、

サイト構築中のものの適用(分析して編集までしてくれる)するとよい？

例にあるプロンプトの日本語意味

Verify in the browser that your change works as expected.

Agentがファイル編集したあとに、チェックさせるよう。

Why does submitting the form fail after entering an email address?

バリデーションエラーの動作などをチェックさせる

A few images on localhost:8080 are not loading. What's happening?

画像ファイルにまつわる問題の調査を

The page on localhost:8080 looks strange and off. Check what's happening there.

なんか変なんだけど、、チェックして。

Localhost:8080 is loading slowly. Make it load faster.

パフォーマンス分析と、同時に対応も。

MCP自体のチェック

Please check the LCP of web.dev.

LCPなどのパフォーマンスチェックは、DevToolにあるので、それを使わせる。

で、devtoolsの peformance analyticsを走らせて、チェックして、改善のためのローカルファイル編集をしてる