RenatoDinis/claude-code-browser-automation

Chrome拡張機能、Playwright MCP、agent-browserの3つの方法でClaude Codeに実際のブラウザを提供します。同じデモ、同じプロンプト、3つのセットアップ。

claude-code-browser-automation とは?

このスキルは、Claude Code(CLIエージェント)に実際のブラウザ操作機能を追加するための3つの異なる手法を示しています。具体的には、Chrome拡張機能を用いた直接制御、Playwright MCPサーバーを介した標準化された操作、そしてagent-browserを使った自動化の3パターンが含まれています。同一のデモシナリオ(例:Webフォームへの入力やスクリーンショット取得)を使用し、各セットアップで同じプロンプトを実行することで、開発者は自分の環境やユースケースに最適な方法を比較・選択できます。このスキルはClaude Codeユーザーにとって、Webタスクの自動化を実現するための実践的なガイドとなり、ローカル開発やテスト自動化など様々な場面で活用できます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add RenatoDinis/claude-code-browser-automation

Installed? Explore more 生産性&コラボレーション skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

claude-code-browser-automation は何をしますか?

Chrome拡張機能、Playwright MCP、agent-browserの3つの方法でClaude Codeに実際のブラウザを提供します。同じデモ、同じプロンプト、3つのセットアップ。

関連スキル