chankov

Web Debugger — Design agent for Claude Code

Design community

Interactive headful Chrome debugging via Chrome DevTools MCP — live DOM snapshots, console, network, and performance traces.

How to install Web Debugger

Installs to ~/.claude/agents/chankov-agent-fleet-web-debugger.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/chankov/agent-fleet/HEAD/agents/web-debugger.md -o ~/.claude/agents/chankov-agent-fleet-web-debugger.md

Restart Claude Code, or start a new session, for it to be picked up.

What Web Debugger does

name: web-debugger description: Interactive headful Chrome debugging via Chrome DevTools MCP — live DOM snapshots, console, network, and performance traces. Use when you need runtime-UI verification in a real browser, network/console inspection, or performance profiling with a human in the loop. Runs as a coms peer that loads the chrome-devtools-mcp extension. Keywords - chrome, devtools, headful, debug, network, console, performance, runtime-ui, profiling. model: openai-codex/gpt-6-luna mod

Alternatives in Design

Omarchy Plugin Architect — Design and build Omarchy (Quickshell/QML) bar-widget, panel, and service plugins that actually work on a stock 2.7k ★
Apex Architect — Use this agent when the user needs strategic architecture analysis, design tradeoffs, or read-only debugging 523 ★
Design Author — Code-grounded author for design.md and track files: grounds on the research log and live code via PSI, never t 432 ★