Web App Testing
Playwright を使ってローカル Web アプリの自動テスト・スクリーンショット取得・DOM 確認を行う公式 skill。フロントエンド検証や CI 用途向け。
ECサイト(商品検索→カート→決済画面遷移)のE2EテストをPlaywright+TSで作成
Playwright E2Eテスト(検索/カート/決済 ハッピーパス3+異常系3) + PageObject + CI yml + スクショ保存設定
ハッピーパスだけでなく『在庫切れ』『カート上限超え』『決済タイムアウト』等の異常系テストを自動で並べてくる。テスト網羅性を考える工程が消える
頼んでいないのに『PageObjectパターン』『data-testid属性の使い方ガイド』『CI連携用のyml設定』まで提案してくれた
アプリケーションの具体的なURL構造やfunctional flow を渡さないと、generic な検索フォームを想定したテストになりがち。事前情報の充実が必要
中小規模Webサービスのフロントエンドエンジニアで、E2Eテストの整備に着手したいが時間がない人
既に Cypress や TestCafe で大量のテスト資産がある組織(乗り換えコストが大きい)
Playwright の公式ドキュメントが『API リファレンス』に対し、これは『あなたのアプリ向けの具体実装案』を返す。学習→実装の時間を圧縮
どんな skill か
Python の Playwright スクリプトでローカル Web アプリを起動・操作し、スクリーンショット撮影・DOM 構造取得・ブラウザコンソールログ収集を自動化する Anthropic 公式 skill。
どんな人に向くか
- QA エンジニア・テストエンジニア
- フロントエンド開発者で UI 動作を毎回手で確認するのに疲れた人
- 複数サーバー構成（バックエンド + フロント）の統合テストを回したい人
どんな人に向かないか
- 非エンジニア
- ノーコードのテストツールを探している人
ライセンス
Apache-2.0。商用利用 OK。
⚠️ このスキルは運営による実機検証はまだ行っていません。掲載は実在確認のみ済み。
非商用。個人利用・社内利用は可能ですが、再配布・販売は禁止されています。
公式ライセンスを確認 →