P

Playwrightブラウザオートメーション

ページ、フォーム、レスポンシブデザイン、UXバリデーションのテストのためのPlaywrightによる汎用ブラウザ自動化

Home/Developer Tools/Playwrightブラウザオートメーション

What is it?

Claudeが特定の要件に合わせたカスタムPlaywrightスクリプトを作成・実行できるようにする汎用ブラウザ自動化スキルです。プリビルトのテストフレームワークとは異なり、Claudeはシンプルなページテストから複雑なマルチステップフローまで、あらゆるタスクに合わせたカスタム自動化コードをオンザフライで動的に生成します。ブラウザは簡単なデバッグと確認のためにデフォルトで可視表示されます。

How to use it?

スキルは対話型ワークフローに従います:

  1. 要件の説明 - テストまたは自動化したい内容をClaudeに伝えるだけです(例:「ホームページのテスト」、「お問い合わせフォームが動作するか確認」、「サインアップフローの検証」)

  2. 自動検出 - スキルがマシン上で実行中の開発サーバーを自動的に検出します。外部サイトのテストの場合、ClaudeがURLを確認します。

  3. コード生成 - Claudeは特定のリクエストに合わせたPlaywrightコードを作成し、/tmp/playwright-test-*.jsに保存します

  4. 実行 - スクリプトは適切なモジュール解決を処理するユニバーサルランナー(run.js)を通じて実行されます。ブラウザは自動化をリアルタイムで確認できるようにデフォルトで可視表示されます。

  5. 結果 - コンソール出力、スクリーンショット、キャプチャされたデータを確認します。テストファイルはOSによって/tmpから自動クリーンアップされます。

設定ファイルもプリビルトテストも不要 - Claudeが自然言語のリクエストを動作する自動化コードに変換します。

Key Features

  • カスタムコード生成 - Claudeはテンプレートに制限されず正確なリクエストに合わせた新しいPlaywrightスクリプトを作成
  • デフォルトで可視ブラウザ - 簡単なデバッグのために`headless: false`で自動化の実行をリアルタイムで確認
  • 開発サーバー自動検出 - ローカル開発サーバーを自動的に検出してテスト
  • ゼロモジュール解決エラー - ユニバーサルランナーが設定なしで適切なモジュールアクセスを保証
  • 段階的APIドキュメント - 必要時にのみロードされる完全なAPIリファレンスを備えたコンパクトなSKILL.md
  • 安全な一時ファイル管理 - /tmpに書き込まれたスクリプトはOSが自動クリーンアップ
  • あらゆるサイトに対応 - ローカル開発サーバーまたは外部Webサイトのテスト
  • 包括的なヘルパー - 必要時に利用可能な一般的タスク用のオプショナルユーティリティ関数
View on GitHub

GitHub Stats

Stars
Forks
Last Update
Author
lackeyjb
License
MIT
Version
4.0.0

Features

💻 Code Execution