메뉴
Debug web applications by inspecting console logs, network requests, JavaScript errors, and using non-blocking tracepoints/logpoints. Use when debugging web pages, inspecting API calls, or tracing code execution.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | web-debugging |
| description | Debug web applications by inspecting console logs, network requests, JavaScript errors, and using non-blocking tracepoints/logpoints. Use when debugging web pages, inspecting API calls, or tracing code execution. |
Debug web applications by inspecting console logs, network requests, JavaScript errors, and using non-blocking tracepoints/logpoints.
This skill activates when:
o11y_get-console-messages)o11y_get-http-requests)page.evaluate() (e.g. return await page.evaluate(() => document.querySelectorAll('script').length)).debug_put-tracepoint): Capture call stack and local variables at specific code locations without pausingdebug_put-logpoint): Evaluate and log expressions at code locationsdebug_put-exceptionpoint): Capture snapshots when exceptions occurdebug_add-watch): Evaluate expressions at every tracepoint hitdebug_get-probe-snapshots (types: tracepoint, logpoint, exceptionpoint; returns tracepointSnapshots, logpointSnapshots, exceptionpointSnapshots)For Node.js backend debugging, use PLATFORM=node and see the node-debugging skill. Node platform adds debug_get-logs; use execute for batch tool calls (no page on Node).
a11y_take-aria-snapshot. Then screenshot for visual verification.content_take-screenshot with annotate: true) when you need labeled elementsAutomated browser testing and debugging using Browser DevTools MCP. Use when testing web pages, debugging frontend issues, verifying UI behavior, or automating browser interactions.
Use when the user wants to run JavaScript in the browser, run code in Node, or batch multiple MCP tool calls. Run script, execute code, batch tools.
Debug Node.js backend processes using non-blocking tracepoints, logpoints, exceptionpoints, and JavaScript execution. Use when debugging API servers, workers, or backend scripts.
Monitor and debug web applications using OpenTelemetry, console logs, network requests, and distributed tracing. Use when correlating frontend and backend requests or debugging request flow across services.
Analyze web page performance using Web Vitals and network timing metrics. Use when optimizing load times, checking Core Web Vitals, or investigating slow pages.
Perform visual testing and UI verification using screenshots and DOM inspection. Use when verifying UI appearance, comparing with designs, or checking for visual regressions.