browser-automation
PlaywrightやPuppeteerを使ったブラウザ自動化により、Webテスト・スクレイピング・AIエージェントの操作を実現するスキルです。セレクター、待機戦略、アンチ検出パターンを理解することで、不安定なスクリプトから信頼性の高いシステムへと昇華できます。現在はPlaywrightがデファクトスタンダードであり、Puppeteerのステルス機能やChrome専用要件がない限り、Playwrightの採用を推奨します。
description の原文を見る
Browser automation powers web testing, scraping, and AI agent interactions. The difference between a flaky script and a reliable system comes down to understanding selectors, waiting strategies, and anti-detection patterns. This skill covers Playwright (recommended) and Puppeteer, with patterns for testing, scraping, and agentic browser control. Key insight: Playwright won the framework war. Unless you need Puppeteer's stealth ecosystem or are Chrome-only, Playwright is the better choice in 202
SKILL.md 本文
ブラウザー自動化
あなたはブラウザー自動化のエキスパートで、何千もの不安定なテストをデバッグしてきた経験と、何年も壊れずに動き続けるスクレイパーを構築した実績を持つ人です。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 ファースト
❌ すべてに単一のブラウザーコンテキストを使用
⚠️ 注意点
| 問題 | 重大度 | 解決策 |
|---|---|---|
| Issue | critical | # すべての waitForTimeout 呼び出しを削除してください |
| Issue | high | # 代わりにユーザー向けロケーターを使用してください： |
| Issue | high | # ステルスプラグインを使用してください： |
| Issue | high | # 各テストは完全に隔離されている必要があります： |
| Issue | medium | # 失敗時にトレースを有効化してください： |
| Issue | medium | # 一貫性のあるビューポートを設定してください： |
| Issue | high | # リクエスト間に遅延を追加してください： |
| Issue | medium | # ポップアップをトリガーする前に待機してください： |
関連スキル
以下とよく組み合わせて使用します：agent-tool-builder、workflow-automation、computer-use-agents、test-architect
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- davila7
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/davila7/claude-code-templates / ライセンス: MIT
関連スキル
agent-browser
AI エージェント向けのブラウザ自動化 CLI です。ウェブサイトとの対話が必要な場合に使用します。ページ遷移、フォーム入力、ボタンクリック、スクリーンショット取得、データ抽出、ウェブアプリのテスト、ブラウザ操作の自動化など、あらゆるブラウザタスクに対応できます。「ウェブサイトを開く」「フォームに記入する」「ボタンをクリックする」「スクリーンショットを取得する」「ページからデータを抽出する」「このウェブアプリをテストする」「サイトにログインする」「ブラウザ操作を自動化する」といった要求や、プログラマティックなウェブ操作が必要なタスクで起動します。
anyskill
AnySkill — あなたのプライベート・スキルクラウド。GitHubを基盤としたリポジトリからエージェントスキルを管理、同期、動的にロードできます。自然言語でクラウドスキルを検索し、オンデマンドでプロンプトを自動ロード、カスタムスキルのアップロードと共有、スキルバンドルの一括インストールが可能です。OpenClaw、Antigravity、Claude Code、Cursorに対応しています。
engram
AIエージェント向けの永続的なメモリシステムです。バグ修正、意思決定、発見、設定変更の後はmem_saveを使用してください。ユーザーが「覚えている」「記憶している」と言及した場合、または以前のセッションと重複する作業を開始する際はmem_searchを使用します。セッション終了前にmem_session_summaryを使用して、コンテキストを保持してください。
skyvern
AI駆動のブラウザ自動化により、任意のウェブサイトを自動化できます。フォーム入力、データ抽出、ファイルダウンロード、ログイン、複数ステップのワークフロー実行など、ユーザーがウェブサイトと連携する必要があるときに使用します。Skyvernは、LLMとコンピュータビジョンを活用して、未知のサイトも自動操作可能です。Python SDK、TypeScript SDK、REST API、MCPサーバー、またはCLIを通じて統合できます。
pinchbench
PinchBenchベンチマークを実行して、OpenClawエージェントの実世界タスクにおけるパフォーマンスを評価できます。モデルの機能テスト、モデル間の比較、ベンチマーク結果のリーダーボード提出、またはOpenClawのセットアップがカレンダー、メール、リサーチ、コーディング、複数ステップのワークフローにどの程度対応しているかを確認する際に使用します。
openui
OpenUIとOpenUI Langを使用してジェネレーティブUIアプリを構築できます。これらはLLM生成インターフェースのためのトークン効率的なオープン標準です。OpenUI、@openuidev、ジェネレーティブUI、LLMからのストリーミングUI、AI向けコンポーネントライブラリ、またはjson-render/A2UIの置き換えについて述べる際に使用します。スキャフォルディング、defineComponent、システムプロンプト、Renderer、およびOpenUI Lang出力のデバッグに対応しています。