awt-e2e-testing について
awt-e2e-testingは、AIコーディングツールでYAMLのブラウザーテストを作成し、Playwrightで実行するスキルです。ビジュアル照合やOCR、構造化された失敗診断を組み合わせ、エンドツーエンドテストに対応します。
主な機能
- 01PlaywrightによるYAMLシナリオ実行
- 02OpenCVとOCRによるビジュアル照合
- 03フレームワークの自動検出
- 04構造化された失敗診断
- 05SQLiteによる失敗・修正パターン管理
活用シーン
- 01ブラウザー操作によるWebフローのテスト
- 02CSSセレクターを使わない画面の検証
- 03エンドツーエンドテストの失敗調査
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/インストール後、Claude Code で/awt-e2e-testingを入力して読み込まれたか確認します。
詳細
AWT — AI を活用した E2E テスト（ベータ版）
npx skills add ksgisang/awt-skill --skill awt -g
AWT を使うと、AI コーディングツールは実際のブラウザーを通じてウェブアプリケーションを確認し、操作できます。AI が YAML テストシナリオを設計し、AWT が Playwright で実行します。
使用する場面
- 宣言型 YAML シナリオを使い、実際のブラウザーで AI 支援によるエンドツーエンドテストを行う必要がある場合。
- テストフローが安定した DOM セレクターではなく、視覚的な照合、OCR、またはプラットフォームの自動検出に依存する場合。
- テストを実行するだけでなく、AI コーディングのワークフロー向けに失敗の原因も説明できる E2E ツールチェーンが必要な場合。
上流で案内されている機能
- YAML シナリオ → 人間のような操作を行う Playwright
- 視覚的な照合：OpenCV テンプレートと OCR（CSS セレクター不要）
- プラットフォームの自動検出：Flutter、React、Next.js、Vue、Angular、Svelte
- 調査用チェックリストを含む、構造化された失敗診断
- 学習 DB：SQLite に保存する失敗→修正のパターン
- 5 つの AI プロバイダー：Claude、OpenAI、Gemini、DeepSeek、Ollama
- スキルモード：追加の AI API キーは不要
実行の境界
このエントリーポイントには、AWT ランタイムも YAML スキーマも含まれていません。シナリオを作成する前に、選択した上流リビジョンと実際にインストールされたコマンドを確認してください。上記のインストールコマンドは上流が提示する選択肢であり、グローバルスキルを変更する許可ではありません。明示的に許可されたプロジェクト単位のインストールを優先してください。
対象環境、テストアカウント、許可されたブラウザー操作、データの保持方針を確認してください。購入手続きのテストでは注文が行われたり、通知が送信されたりする可能性があります。隔離されたフィクスチャ環境を使用し、実行前に影響を確認してください。許可なくスクリーンショット、認証情報、アプリケーションデータをクラウドプロバイダーに送信しないでください。実際のシナリオ、ランタイム／バージョン、確認した結果、成果物のパスを記録してください。ランタイムがない場合は、実行済みと偽らず、ドラフトを返して実行待ちと明記してください。
リンク
- メインリポジトリ：https://github.com/ksgisang/AI-Watch-Tester
- スキルリポジトリ：https://github.com/ksgisang/awt-skill
- クラウドデモ：https://ai-watch-tester.vercel.app
AI コーディングツールの助けを借りて開発され、AI コーディングツールのテスト能力を高めることを目指しています。
AILoopLab の個人開発者が積極的に開発しています。フィードバックをお待ちしています！
例
ユーザーのリクエスト：
視覚的なアサーションと明確な失敗レポートを含む、購入手続きフローの宣言型ブラウザーテストを作成して実行してください。
制限事項
- このスキルは、タスクが上記の範囲に明確に合致する場合にのみ使用してください。
- 出力を、環境固有の検証、テスト、または専門家によるレビューの代わりとして扱わないでください。
- 必要な入力、権限、安全上の境界、または成功基準が不足している場合は、作業を中断して確認してください。