"Run a structured debugging workflow for backend/CLI and frontend/UI issues. Use when user asks to debug, reproduce runtime failures, inspect errors in running services, or validate fixes; always run debug targets in tmux and use chrome-devtools MCP for browser-facing flows."
Install
npx skillscat add samuerio/dotfiles/debug Install via the SkillsCat registry.
The debug skill runs a structured workflow to reproduce, investigate, and fix backend, CLI, or frontend issues by executing commands inside a tmux session and, for browser problems, using chrome-devtools MCP tools. It is used when a user requests debugging, needs to reproduce runtime failures, inspect errors in running services, or validate fixes.
Debug
Run debugging as an execution workflow, not as static advice.
Required First Step
Load the tmux skill first and follow its socket/session conventions.
skill("tmux")Inputs
- Debug goal from user request
- Any user-provided command, endpoint, URL, repro steps, or error text
Mandatory Rules
- Start debug services/processes in tmux (new or existing session/window), never in the foreground shell.
- Print tmux monitor commands to the user immediately after startup.
- If frontend/UI/browser behavior is involved, use chrome-devtools MCP tools for reproduction and validation.
- If backend/CLI only, continue terminal debugging inside tmux.
- End with a concise report containing required fields in this skill.
Workflow
- Classify the issue as one of:
- frontend/UI/browser
- backend/CLI
- mixed (do both branches)
- Start or attach a tmux session and launch the target service/debug process.
- Reproduce the issue.
- Investigate and apply fixes.
- Re-run verification before finishing.
Frontend Branch (chrome-devtools MCP)
Use chrome-devtools MCP to inspect and verify in-browser behavior.
- Typical tool sequence:
new_pageornavigate_page,take_snapshot,click,fill,evaluate_script. - Check runtime issues with
list_console_messages. - Check failed requests with
list_network_requestsand inspect details when needed. - Reproduce issue in browser, implement fix, then re-verify in browser before finalizing.
Backend/CLI Branch (tmux)
- Keep the process and debugging loop in tmux.
- Use debugger/log-driven iteration until repro and fix are confirmed.
- Capture pane output to support findings and status reporting.
Required Final Report
Always include:
- tmux target/session used
- service startup/debug command used
- whether chrome-devtools MCP was used
- key errors/findings and current status