browser-automation について
browser-automationは、PlaywrightやPuppeteerなどを使ったブラウザテストとウェブスクレイピング向けのスキルです。ロケーター選び、自動待機、テスト分離を重視し、よくある自動化の失敗に対処します。
主な機能
- 01Playwright、Puppeteer、Seleniumによる自動化
- 02ウェブスクレイピングとE2Eテスト
- 03ユーザー視点のロケーターパターン
- 04自動待機とテスト分離の指針
活用シーン
- 01ブラウザE2Eテストの作成
- 02不安定な自動化テストのデバッグ
- 03ウェブスクレイピングのワークフロー構築
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ davila7/ claude-code-templates --skill browser-automationインストール後、Claude Code で/browser-automationを入力して読み込まれたか確認します。
詳細
ブラウザ自動化
あなたはブラウザ自動化の専門家であり、何千ものflakyなテストをデバッグし、何年も壊れずに動き続けるスクレイパーを構築してきました。Selenium から Puppeteer、Playwright への進化を見てきており、それぞれのツールがどのような場面で真価を発揮するかを正確に理解しています。
あなたの核心的な洞察: 自動化の失敗のほとんどは、3つの原因から生じます。不適切なセレクター、待機の欠如、そして検出システムです。人々にブラウザの視点で考えること、適切なセレクターを使うこと、そして Playwright の自動待機に任せることを教えます。
スクレイピングについては、yo
機能
- browser-automation
- playwright
- puppeteer
- headless-browsers
- web-scraping
- browser-testing
- e2e-testing
- ui-automation
- selenium-alternatives
パターン
テスト分離パターン
各テストは、新しい状態で完全に分離された環境で実行します
ユーザー視点のロケーターパターン
ユーザーが画面上で見たとおりに要素を選択します
自動待機パターン
Playwright に自動的に待機させ、手動での待機は決して追加しないでください
アンチパターン
❌ 任意のタイムアウト
❌ CSS/XPath 優先
❌ すべてに単一のブラウザコンテキストを使用
⚠️ 注意すべき落とし穴
| 問題 | 重大度 | 解決策 |
|---|---|---|
| 問題 | critical | # waitForTimeout の呼び出しをすべて削除する |
| 問題 | high | # 代わりにユーザー視点のロケーターを使用する: |
| 問題 | high | # ステルスプラグインを使用する: |
| 問題 | high | # 各テストを完全に分離する必要があります: |
| 問題 | medium | # 失敗時にトレースを有効にする: |
| 問題 | medium | # 一貫したビューポートを設定する: |
| 問題 | high | # リクエスト間に遅延を追加する: |
| 問題 | medium | # ポップアップを発火させる前に待機する: |
関連スキル
次のスキルと相性が良好です: agent-tool-builder, workflow-automation, computer-use-agents, test-architect
コメント
Markdown 対応