chrome-devtoolslisted

# Chrome DevTools MCP Skill Control Chrome browser programmatically via chrome-devtools-mcp. **⚡ Performance Tip:** Always use the patterns in "Quick Start" section below. They include cleanup and run everything in ONE command to avoid browser lock issues. **Speed Comparison:** - ❌ **OLD WAY:** Multiple attempts, manual cleanup, 5-10 commands → ~60-90 seconds - ✅ **NEW WAY:** One optimized command → ~5-10 seconds **📚 See also:** [MCP CLI Guide](../../.docs/mcp-cli.md) for general MCP CLI patterns and best practices ## Setup ```bash # macOS brew tap f/mcptools brew install mcp # Windows/Linux go install github.com/f/mcptools/cmd/mcptools@latest ``` ## Quick Start (FASTEST) ### Check Console Errors on localhost **Single command (copy-paste ready):** ```bash pkill -9 -f "chrome-devtools-mcp" 2>/dev/null; sleep 1; echo -e 'navigate_page {"url":"http://localhost:3000"}\nlist_console_messages {"pageIdx":0}\nexit' | timeout 30 mcp shell bunx -y chrome-devtools-mcp@latest -- --isolated ``` ### Full Debug: Console + Network + Page Content ```bash pkill -9 -f "chrome-devtools-mcp" 2>/dev/null; sleep 1; echo -e 'navigate_page {"url":"http://localhost:3000"}\nlist_console_messages {"pageIdx":0}\nlist_network_requests {"pageIdx":0}\ntake_snapshot {"verbose":true}\nexit' | timeout 30 mcp shell bunx -y chrome-devtools-mcp@latest -- --isolated ``` ### Screenshot a Page ```bash pkill -9 -f "chrome-devtools-mcp" 2>/dev/null; sleep 1; echo -e 'navigate_page {"url":"https://exampl