Chrome DevTools

ぼくはウェブアプリケーションを開発する機会が多いので、Agentic Codingにおいても「ウェブブラウザとの連携をどうするか」ってのはそこそこ大事なトピック。実際にアプリケーションにアクセスしてもらって、表示や挙動を確認してもらえると捗ることはあるからね。今日はagent-browerってやつを知ったので導入してみた。

GitHub - vercel-labs/agent-browser: Browser automation CLI for AI agents

Browser automation CLI for AI agents. Contribute to vercel-labs/agent-browser development by creating an account on G...

github.com

Playwright→Chrome DevTools→Vibiumと渡り歩いて、agent-browerというMCPじゃないアプローチに着地したのでなかなかおもしろい。Agent Skillsを定義してClaude Codeからアクセスできるようにしておいた。MCPからSkillsへの重心移しは順次でやっていく。

今日の夫婦

mamipekoのお話をいろいろと聞かせてもらっているうちに「Chrome DevToolsの使い方を覚えるとよさそう」となり、一通り触って動かすなどした。