A comprehensive guide to debugging tools for modern, complex front-end applications. This handbook provides practical, real-world guidance on a complete suite of tools, from Chrome DevTools and framework extensions to integrated IDE debuggers.

Reusable Agent Skills — portable instructions that give AI agents new capabilities. Built on the open agentskills.io spec.

Claude Code skill: 自动完成 Arc Community 每日积分任务（阅读 5 篇 + 观看 1 视频 + 签到 = 35 分），通过 chrome-devtools MCP 控制浏览器，无本地状态

Chrome Devtools MCP AI context pack for Claude Code, Codex, Cursor, and Aider: AGENTS.md, CLAUDE.md, prompts, evals, pitfalls, and verification notes for ChromeDevTools/chrome-devtools-mcp.

Undetected browser automation MCP server - a stealth, anti-bot-resistant alternative to chrome-devtools-mcp for Claude, Cursor and AI agents. Powered by nodriver (bypasses Cloudflare/WebDriver detection). 56 tools.

DevTools for any WebView — no remote-debugging port required. Works in Safari/iOS WebView/Lark Web App and more.

A lightweight chrome-devtools-mcp alternative: drive one Chrome tab over raw CDP with a timeout on every call, so a stuck page won't wedge your agent or force a /mcp restart. MCP server + CLI, 33 tools, built-in network mocking.

A Claude Code plugin that automatically ensures optimal viewport sizing before taking Chrome DevTools MCP screenshots, preventing oversized images from Retina/HiDPI displays.

Bridge chrome-devtools-mcp/playwright-mcp in WSL2 to Windows Chrome

Complete Windows setup guide for chrome-devtools-mcp with Codex, Cursor, Windsurf, VS Code extensions, and other AI coding assistants. Includes PowerShell scripts, configuration examples, and troubleshooting for Windows 10/11.