mcpField
W
w-debug-browser

w-debug-browser

github.com/blockmaticDevelopment1647 installsUpdated 4w ago
Repository

About w-debug-browser

A browser-debugging skill for developers working on web applications. It guides reproduction, evidence collection, targeted fixes, and verification while avoiding unnecessary instrumentation.

Key features

  1. 01Reproduce browser interactions
  2. 02Collect DOM, network, and console evidence
  3. 03Trace client or server boundaries
  4. 04Apply and verify minimal fixes
  5. 05Run relevant checks and remove traces

Use cases

  1. 01Investigating a broken browser interaction
  2. 02Tracing a failure across client and server
  3. 03Verifying a fix against failure and empty states

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/blockmatic/basilic-skills --skill w-debug-browser

After installing, type/w-debug-browserin Claude Code to confirm it loaded.

Details

From the project README

Use the affected URL, expected interaction, and available browser tools. Inspect the app's README and browser-testing conventions first.

  1. Reproduce the interaction and collect relevant DOM, network, and console evidence before adding instrumentation.
  2. Trace the failure to its owning client or server boundary. Use the repository logger for necessary temporary traces; avoid secrets in captured output.
  3. Apply the smallest authorized fix, then replay the same interaction and relevant failure or empty states.
  4. Run affected automated checks and remove temporary traces introduced here. Distinguish runtime evidence from automated results. If tools or credentials block reproduction, report the exact limitation rather than looping without new evidence.
  5. Docs: /w-docs if behavior or commands changed.

Comments

Markdown supported