Control and inspect Chrome browser using Chrome DevTools Protocol - navigate pages, debug network requests, analyze performance, take screenshots, interact with elements, and automate browser tasks.
Install
npx skills add johnlindquist/claude-workshop-skills --skill chrome-devtoolsnpx skills add johnlindquist/claude-workshop-skills --skill chrome-devtools -a claude-code -gnpx skills add johnlindquist/claude-workshop-skills --skill chrome-devtools -a codex -ggemini skills install https://github.com/johnlindquist/claude-workshop-skills.git --path skills/chrome-devtoolsgh skill install johnlindquist/claude-workshop-skills chrome-devtoolsgit clone --depth 1 https://github.com/johnlindquist/claude-workshop-skills /tmp/johnlindquist__claude-workshop-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/johnlindquist__claude-workshop-skills/skills/chrome-devtools ~/.claude/skills/chrome-devtools # Claude Code
cp -R /tmp/johnlindquist__claude-workshop-skills/skills/chrome-devtools ~/.agents/skills/chrome-devtools # Codex, Cursor, Gemini CLI, Copilot, OpenCode