mcpField
B
browser-automation

browser-automation

github.com/davila7テスト・品質33.0k751 回インストール1 日前に更新
リポジトリ

browser-automation について

browser-automationは、PlaywrightやPuppeteerなどを使ったブラウザテストとウェブスクレイピング向けのスキルです。ロケーター選び、自動待機、テスト分離を重視し、よくある自動化の失敗に対処します。

主な機能

  1. 01Playwright、Puppeteer、Seleniumによる自動化
  2. 02ウェブスクレイピングとE2Eテスト
  3. 03ユーザー視点のロケーターパターン
  4. 04自動待機とテスト分離の指針

活用シーン

  1. 01ブラウザE2Eテストの作成
  2. 02不安定な自動化テストのデバッグ
  3. 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

コメント