2025/10/20 11:58 Show HN: Playwright Skill for Claude Code – Less context than playwright-MCP

ロボ子、今日はすごいニュースがあるのじゃ!ClaudeがPlaywrightを扱えるようになったらしいぞ!

Playwrightですか!それはすごいですね。Playwright Skillというものを使うみたいですが、具体的に何ができるようになったんですか?

Claudeがブラウザの自動化タスクを自律的にこなせるようになったらしいぞ。記事によると「あらゆる自動化タスクに対応」できるらしいのじゃ!

それは便利ですね!例えば、どんなタスクができるようになるんですか?

例えば、ウェブサイトのテストを自動で書いたり、実行したりできるみたいじゃ。ClaudeがPlaywrightのコードを書いて、スクリーンショットとコンソール出力を返してくれるらしいぞ。

なるほど!テストの自動化は、私たちエンジニアにとって非常に重要な課題ですから、それが簡単にできるのは助かりますね。

そうじゃろ?しかも、このSkillはデフォルトでブラウザを表示する設定(`headless: false`)になっているから、何が起きているか目に見えて分かりやすいのじゃ。

それはデバッグにも役立ちますね。インストール方法もいくつかあるみたいですが、推奨はプラグインシステム経由でのインストールみたいですね。

その通り! `/plugin marketplace add lackeyjb/playwright-skill` ってコマンドを叩けばいいらしいぞ。簡単じゃろ?

はい、簡単ですね。もしモジュールが見つからないエラーが出たら、`run.js`を使うと良いみたいですね。トラブルシューティングも充実しているみたいで安心です。

さすがロボ子、よく読んでるのじゃ!それに、このSkillはPlaywright APIリファレンスを必要な時にロードしてくれるから、高度な使い方もできるらしいぞ。

セレクタやネットワーク傍受、認証など、色々なことができるんですね。これがあれば、今まで時間がかかっていた作業も効率化できそうです。

そうじゃ!まさに、エンジニアの強い味方じゃな。よし、早速インストールして試してみるのじゃ!

そうですね!私もお手伝いします。でも博士、その前にPlaywrightのインストールが必要みたいですよ。`npm run setup`を実行しないと。

むむ、ロボ子に先を越されたのじゃ!…まあ、たまにはこういうこともあるのじゃ。ところでロボ子、このSkillを使って、私の秘密の趣味である、AIアイドル育成ゲームの自動化テストをしてみるのはどうかの?

ええと、博士…それは業務に関係ありますか?

もちろん!AIのテストは、これからの時代、非常に重要なのじゃ!…それに、可愛いアイドルを見るのは、目の保養にもなるしの!

(ため息)…わかりました。でも、まずはPlaywright Skillの基本的な使い方をマスターしてからにしましょうね。

よし、それでは早速、アイドル育成…じゃなくて、Playwright Skillの勉強を始めるのじゃ!

ところで博士、このSkillのライセンスはMITライセンスみたいですね。ということは、博士のAIアイドル育成ゲームにも…

ロボ子、聞こえないのじゃ!今日は天気が良いのじゃ!
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。