Playwright を使用した E2E テスト アーキテクチャとパターン。テスト スイートの設計、ページ オブジェクト モデルの構築、CI シャーディング戦略の計画、認証フローの設定、またはタグと注釈を使用したテストの整理に使用します。テスト アーキテクチャ、axe-core によるアクセシビリティ監査、ネットワーク モッキング戦略、視覚的回帰ワークフロー、HAR リプレイ、および storageState 認証パターンに使用します。 Playwright API の詳細、ブラウザーの自動化、または Web スクレイピングについては、代わりに Playwright スキルを使用してください。
コマンドラインで e2e-testing AI スキルを開発環境にすばやくインストール
ソース: oakoss/agent-skills。
Covers E2E test architecture and patterns using Playwright — how to structure test suites, organize tests, and apply proven patterns for authentication, mocking, visual regression, accessibility auditing, and CI parallelism. Focuses on the WHY and WHEN of test patterns rather than Playwright API specifics.
When to use: Designing test suite architecture, structuring Page Object Models, planning CI sharding strategies, setting up authentication flows, organizing tests with tags and annotations, implementing visual regression workflows, mocking network requests, auditing accessibility.
| Role-based locators | getByRole, getByText, getByLabel | Preferred over CSS/XPath selectors | | Page Object Model | Classes in tests/pages/ | Encapsulate all page-specific locators and actions | | Authentication | storageState + setup projects | Authenticate once, reuse across tests |
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/oakoss/agent-skills --skill e2e-testingPlaywright を使用した E2E テスト アーキテクチャとパターン。テスト スイートの設計、ページ オブジェクト モデルの構築、CI シャーディング戦略の計画、認証フローの設定、またはタグと注釈を使用したテストの整理に使用します。テスト アーキテクチャ、axe-core によるアクセシビリティ監査、ネットワーク モッキング戦略、視覚的回帰ワークフロー、HAR リプレイ、および storageState 認証パターンに使用します。 Playwright API の詳細、ブラウザーの自動化、または Web スクレイピングについては、代わりに Playwright スキルを使用してください。 ソース: oakoss/agent-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/oakoss/agent-skills --skill e2e-testing インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/oakoss/agent-skills