SkillsAdd

oakoss/agent-skills

chrome-devtools

Browser automation via Chrome extension and DevTools MCP.

First seen Feb 23, 2026

Installation

$ npx skills add oakoss/agent-skills --skill chrome-devtools
View on skills.sh ↗ GitHub repository ↗

Summary

  • Browser automation via Chrome extension and DevTools MCP.
  • Use when controlling a logged-in Chrome browser, automating workflows, filling forms, extracting data, debugging web apps, reading console logs, or running scheduled browser tasks.
  • Use for browser testing, form automation, data extraction, web scraping, authenticated browsing.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

agent-browser Shared topics
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
azure-aigateway Shared topics
microsoft/azure-skills

Configure Azure API Management as an AI Gateway for AI models, MCP tools, and agents. WHEN: sem…

566.3K installs
azure-compute Shared topics
microsoft/azure-skills

Azure VM/VMSS router. WHEN: create / provision / deploy / spin-up VM, recommend VM size, compar…

510K installs
supabase-postgres-best-practices Shared topics
supabase/agent-skills

Postgres best practices maintained by Supabase, for Postgres running anywhere. Load this skill …

391.6K installs
prisma-cli Shared topics
prisma/skills

Prisma ORM CLI commands reference covering init, generate, migrate, db, dev, complete, studio, …

267K installs
supabase Shared topics
supabase/agent-skills

Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge F…

263K installs

Also in this package

Other skills from oakoss/agent-skills · top by installs.

npx skills add oakoss/agent-skills
ui-ux-polish 488 playwright 416 coolify 306 application-security 234 find-skills 210 brand-designer 195 knowledge-graph-builder 188 vitest-testing 183 content-humanizer 177 drizzle-orm 168

Browse all from oakoss/agent-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 15
License MIT
Default branch main
Open issues 1
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Version1.0
LicenseMIT
Declared agents claude-code
More metadata
author
oakoss
version
1.0

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 5,885 B
  • docs SUMMARY.md 358 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 109 installs

SKILL.md

Chrome DevTools Skill

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.

Overview

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 Claude Code.

Quick Reference

Integration Setup Best For
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
Capability Tools/Methods
Navigation Navigate URLs, create/close/switch tabs, resize windows
Input Click, type, fill forms, drag, hover, press keys, upload files
Extraction Read page content, DOM state, console logs, network requests
Debugging Screenshots, DOM snapshots, evaluate JavaScript, performance tracing
Emulation Device emulation, viewport resizing
Recording Record browser interactions as GIFs, save workflow shortcuts
Scheduling Workflow shortcuts with daily/weekly/monthly/annual triggers
Requirement Minimum
Google Chrome Latest stable
Claude in Chrome Extension 1.0.36+
Claude Code CLI 2.0.73+
Claude Plan Pro, Team, or Enterprise
Node.js (DevTools MCP) 20.19+

Not supported: Other Chromium browsers (Brave, Arc, Edge), WSL, headless mode (extension path only; DevTools MCP supports headless), mobile devices.

Common Mistakes

Mistake Correct Pattern
Running browser automation without --chrome flag Start Claude Code with claude --chrome or enable Chrome by default via /chrome settings
Trying to take over existing tabs Claude opens new tabs for tasks; it does not hijack tabs you already have open
Not handling CAPTCHAs and modal dialogs manually Claude pauses at CAPTCHAs, login prompts, and modals; dismiss them yourself then tell Claude to continue
Using ambiguous instructions for form filling Be specific about field names, values, and order; ambiguous prompts produce inconsistent results
Requesting all console logs without filtering Specify log patterns or error types; requesting everything floods context with noise
Enabling Chrome by default without need Increases context usage since browser tools are always loaded; use --chrome flag only when needed
Using DevTools MCP without --scope user Add --scope user to make the MCP server available across all projects

Delegation

  • Automate repetitive browser workflows across sites: Use Task agent with Chrome extension to fill forms, extract data, or navigate multi-step flows
  • Debug frontend issues with console and network inspection: Use Explore agent with DevTools MCP to capture console errors, network failures, and DOM state
  • Plan complex multi-tab data extraction pipelines: Use Plan agent to design the workflow steps before executing browser automation
  • Record and schedule recurring browser tasks: Use Chrome extension shortcuts with scheduling for daily/weekly automation

References

  • [Claude Code Chrome integration](references/claude-code-integration.md) -- setup, capabilities, and how the extension communicates with Claude Code
  • [Chrome DevTools MCP tools](references/devtools-mcp.md) -- all 26 MCP tools organized by category with configuration options
  • [Browser automation workflows](references/automation-workflows.md) -- common patterns for testing, data extraction, and content management
  • [Workflow shortcuts and scheduling](references/shortcuts-scheduling.md) -- creating reusable shortcuts and scheduled recurring tasks
  • [Troubleshooting and best practices](references/troubleshooting.md) -- fixing connection issues, handling dialogs, and security considerations