TestingCodex

DevTools Debug

Use browser signals to debug UI behavior and runtime errors.

A browser-first debugging workflow for console errors, network calls, storage, layout, and interaction state.

Curated score

84

Difficulty

Medium

Risk

Medium

What it helps with
Inspect failed fetch
Read console
Check localStorage
Use cases
Runtime bugs
Network issues
Layout debugging
Skill contents
SKILL.mdIncluded
ScriptsIncluded
ReferencesIncluded
AssetsNot listed
DevToolsdebuggingbrowser
Safety / risk notes
MediumScripts

Check before using

Review commands before execution.
Run on a branch or disposable workspace first.
Check file changes and external calls before shipping.
Source

GitHub

Source

Similar skills

Nearby shelf.

🐞Bug Reproduction

Turn vague bug reports into repeatable repro steps.

🧪Webapp Testing

Browser checks, screenshots, and interaction tests for local apps.

📱Mobile UI QA

Find cramped layouts, clipped text, and broken mobile flows.

🛒Checkout QA

Test checkout paths, edge cases, and payment-state copy.

🧪Playwright Tests

Generate focused browser tests for critical user paths.

🧪Unit Test Generator

Generate focused unit tests around edge cases.