MCP HubMCP Hub
← スキル一覧に戻る

c-browser

daxaur
更新日 2 days ago
7 閲覧
143
6
143
GitHubで表示
テストbrowserautomationscrapingweb

について

c-browserは、2つのCLIツールを通じて、ページのナビゲーション、要素の操作、コンテンツの抽出を可能にするヘッドレスブラウザ自動化を実現します。クリック操作、フォーム入力、スクリーンショット撮影、ウェブスクレイピングなどの機能を提供し、構造化されたスナップショット用のagent-browser、またはトークン効率の高い操作用のplaywright-cliのいずれかを使用できます。開発ワークフロー内でウェブ操作の自動化やウェブサイトからのデータ収集が必要な場合に、このスキルをご利用ください。

クイックインストール

Claude Code

推奨
メイン
npx skills add daxaur/openpaw -a claude-code
プラグインコマンド代替
/plugin add https://github.com/daxaur/openpaw
Git クローン代替
git clone https://github.com/daxaur/openpaw.git ~/.claude/skills/c-browser

このコマンドをClaude Codeにコピー＆ペーストしてスキルをインストールします

ドキュメント

Browser Automation

agent-browser (Vercel)

Navigate and interact with web pages using structured snapshots:

# Open a URL
agent-browser open "https://example.com"

# Get interactive element snapshot (shows clickable refs)
agent-browser snapshot -i

# Click an element by ref
agent-browser click @e2

# Fill a form field
agent-browser fill @e5 "search query"

# Take annotated screenshot
agent-browser screenshot --annotate

# Type text
agent-browser type "hello world"

# Press keys
agent-browser press Enter

playwright-cli (Microsoft)

Token-efficient browser automation designed for AI agents:

# Install browser (first time)
playwright-cli install-browser

# Navigate to URL
playwright-cli navigate "https://example.com"

# Get page snapshot
playwright-cli snapshot

# Click element
playwright-cli click "Submit button"

# Fill input
playwright-cli fill "Search" "query text"

# Screenshot
playwright-cli screenshot

Guidelines

  • Use agent-browser for AI-driven web interaction (snapshot-ref pattern)
  • Use playwright-cli for structured automation and testing flows
  • Always check snapshots before clicking — element refs change between pages
  • For login flows, navigate step by step and verify each page loads
  • Respect robots.txt and rate limits when scraping

GitHub リポジトリ

daxaur/openpaw
パス: skills/c-browser
0
ai-agentanthropicautomationclaudeclaude-codecli

関連スキル

evaluating-llms-harness

テスト

このClaudeスキルは、lm-evaluation-harnessを実行し、MMLUやGSM8Kなど60以上の標準化学術タスクでLLMをベンチマークします。開発者がモデルの品質を比較し、トレーニングの進捗を追跡し、学術的な結果を報告するために設計されています。このツールはHuggingFaceやvLLMモデルを含む様々なバックエンドをサポートしています。

スキルを見る

cloudflare-cron-triggers

テスト

このスキルは、cron式を使用してWorkersをスケジュールするためのCloudflare Cron Triggersの実装に関する包括的な知識を提供します。定期的なタスクの設定、メンテナンスジョブ、自動化されたワークフローの構築を網羅し、無効なcron式やタイムゾーン問題といった一般的な課題への対処法も含みます。開発者はこれを使用して、スケジュールされたハンドラーの設定、cronトリガーのテスト、WorkflowsやGreen Computeとの連携を構成できます。

スキルを見る

webapp-testing

テスト

このClaude Skillは、Playwrightベースのツールキットを提供し、Pythonスクリプトを通じてローカルWebアプリケーションのテストを可能にします。フロントエンドの検証、UIデバッグ、スクリーンショット撮影、ログ表示を実現し、サーバーライフサイクルを管理します。ブラウザ自動化タスクにご利用いただけますが、コンテキストの汚染を避けるため、スクリプトのソースコードを読むのではなく直接実行してください。

スキルを見る

finishing-a-development-branch

テスト

このスキルは、開発者がテストの合格を確認し、構造化された統合オプションを提示することで、完成した作業を仕上げることを支援します。実装が完了した後のマージ、PR作成、ブランチの整理といったワークフローを案内します。コードが準備できてテスト済みの際に使用し、開発プロセスを体系的に完了させましょう。

スキルを見る