MCP - katsulog

Claude CodeにPlaywrightを「プラグイン」として入れてみた：/plugin install playwright@claude-plugins-officialはSkills/MCPと何が違うのか

Anthropic公式マーケットプレイスに並ぶPlaywrightプラグインを実際に/plugin installで入れて、中身のファイルまで開けてみました。MCP入門・Skills回とあわせて、1年目エンジニアが「結局何を入れればいいのか」で迷わないための3つの入口の整理です。

2026.08.17

Selenium・自動化

Claude CodeのSkillsでPlaywrightを動かす：Planner/Generator/Healerと「自分の手順を覚えさせる」Skillは何が違うのか

MCPでブラウザをAIに触らせ、/playwright init-agentsでPlanner/Generator/Healerを知り、次にClaude CodeのSkillsに出会うと「結局どれを入れればいいのか」で迷います。MCP=口、Agents=役割分担、Skills=手順を覚えさせる箱、の3層で整理しました。

2026.08.14

Selenium・自動化

MCPサーバーは結局何を入れればいいのか：2026年の主要どころ一覧とPlaywright MCPとの位置づけ

Playwright MCPを入れてみて「MCPって便利」とわかった後に必ず来る疑問「他にどんなMCPがあるのか」に、2026年時点の主要サーバーと数字の裏取りをしたうえで答えます。filesystem・GitHub・Postgres・Slack・Notionの現在地と、Playwright MCPがその中でどこに位置するのかを整理しました。

2026.08.13

Selenium・自動化

Playwright 1.62でMCPサーバーが本体同梱に：npx playwright mcpだけで動くようになった話

Playwright 1.62でMCPサーバーとplaywright-cliが本体に同梱されました。npx playwright mcpだけで動くようになり、@playwright/mcpを別途インストールしてバージョンを手で合わせる手順はもう要りません。

2026.08.10

Selenium・自動化

AIが生成したPlaywrightテスト、そのまま信じていい？レビューの落とし穴

Playwright MCPやAIエージェントに書かせたテストは、パスしたからといって中身が正しいとは限りません。弱いアサーション・幻覚セレクタ・ハードコード待機・テスト名と中身の不一致という4つの落とし穴を、悪い例と直した例のコードで具体的にまとめました。

2026.07.23

Selenium・自動化

Playwright MCPでAIにブラウザを触らせる前に知っておきたいプロンプトインジェクションのリスク

Playwright MCPでAIにブラウザを操作させると、外部ページに仕込まれた悪意ある指示でAIが乗っ取られる「プロンプトインジェクション」のリスクがあります。仕組みを比喩で理解し、Playwright MCPで実際に起こりうる具体的なシナリオと、今日から実践できる現実的な対策を正直にまとめました。

2026.07.22

Selenium・自動化

自己修復（Healer）を試す：壊れたテストをAIが直す

ロケータが変わるたびにテストが赤くなる。Playwrightの公式テストエージェント「Healer」を使うと、失敗したテストの修復案をAIが提案してくれます。仕組みと使い方、そして任せてはいけない部分を実演しながら整理しました。

2026.07.21

Selenium・自動化

【初心者向け】Playwright MCP入門：AIにブラウザを触らせてテストを書いてもらう

Playwrightのテストコードを自分で書き続けるのではなく、AIにブラウザを触らせながら書いてもらう「Playwright MCP」を実際に手元で動かしてみた入門記事です。MCPの仕組み、なぜスクリーンショットではなくアクセシビリティツリーを見るのか、手元での立ち上げ方、できること・まだ苦手なことを正直にまとめました。

2026.07.20

Selenium・自動化