chrome-devtools とは?
Chrome 拡張機能と DevTools MCP によるブラウザの自動化。ログインした Chrome ブラウザの制御、ワークフローの自動化、フォームへの入力、データの抽出、Web アプリのデバッグ、コンソール ログの読み取り、またはスケジュールされたブラウザ タスクの実行時に使用します。ブラウザのテスト、フォームの自動化、データ抽出、Web スクレイピング、認証されたブラウジングに使用します。 ソース: oakoss/agent-skills。
Chrome 拡張機能と DevTools MCP によるブラウザの自動化。ログインした Chrome ブラウザの制御、ワークフローの自動化、フォームへの入力、データの抽出、Web アプリのデバッグ、コンソール ログの読み取り、またはスケジュールされたブラウザ タスクの実行時に使用します。ブラウザのテスト、フォームの自動化、データ抽出、Web スクレイピング、認証されたブラウジングに使用します。
コマンドラインで chrome-devtools AI スキルを開発環境にすばやくインストール
ソース: oakoss/agent-skills。
Control a real Chrome browser with Claude. The Chrome extension runs inside an authenticated browser session, allowing interaction with sites the user is already logged into -- Gmail, Google Docs, Notion, CRMs, and more.
Two integration paths exist: Claude Code + Chrome Extension (terminal-based browser control via claude --chrome) and Chrome DevTools MCP (26 browser automation tools via Model Context Protocol). Both operate on a real Chrome instance with existing logins, requiring no re-authentication. The Chrome extension also supports workflow shortcuts, scheduled recurring tasks, and multi-tab coordination independently of Cla...
| Claude Code + Extension | claude --chrome | Terminal-based browser control | | Chrome DevTools MCP | claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest | Programmatic automation via MCP tools |
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/oakoss/agent-skills --skill chrome-devtoolsChrome 拡張機能と DevTools MCP によるブラウザの自動化。ログインした Chrome ブラウザの制御、ワークフローの自動化、フォームへの入力、データの抽出、Web アプリのデバッグ、コンソール ログの読み取り、またはスケジュールされたブラウザ タスクの実行時に使用します。ブラウザのテスト、フォームの自動化、データ抽出、Web スクレイピング、認証されたブラウジングに使用します。 ソース: oakoss/agent-skills。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/oakoss/agent-skills --skill chrome-devtools インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/oakoss/agent-skills