skills.rest
ringlochid
ringlochidCOMMUNITY
Explore all skills by this author →
Website𝕏@ringlochidGitHub

browser-repro-triage

Reproduce and triage browser-visible bugs with UI, console, network, and state evidence.

Updated Apr 26, 2026
Search Tags:#debugging#browser#triage#repro#evidence-collection#web-frontend
One-click install
npx skills add https://github.com/ringlochid/coding-skills --skill browser-repro-triage
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-repro-triage
Source: https://github.com/ringlochid/coding-skills/tree/main/browser-repro-triage
Command: npx skills add https://github.com/ringlochid/coding-skills --skill browser-repro-triage

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reproduces and triages browser-visible bugs by collecting UI interactions, console errors, network activity, screenshots, and local app state to establish reproducibility and evidence.

Core Features & Use Cases

  • Reproduce browser bugs by capturing UI events, console logs, network traffic, and route/state clues.
  • Classify the likely owner lane (UI code, client state, API contract, auth/session, backend, or config/deploy) to guide repairs.
  • Produce structured handoff data including repro steps, evidence, and next action gates.

Quick Start

Open the target app, perform the steps that reproduce the bug, and collect UI, console, and network evidence to hand off for triage and fix.

Frequently Asked Questions about browser-repro-triage

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I collect reproducible evidence for a browser bug?▼

To collect reproducible evidence for a browser bug, capture UI interactions, console errors, network traffic, screenshots, and local app state to establish the exact conditions triggering the issue.

What is the best way to triage blank screens and visual glitches in web frontend apps?▼

Triage blank screens and visual glitches in web frontend apps by recording UI events, console logs, and route or state clues to classify the likely owner lane for repair.

How do I determine if a broken click is a UI code or API contract issue?▼

Determine if a broken click is a UI code or API contract issue by analyzing captured network activity and client-server boundary behavior to classify the likely owner lane.

Can I triage auth and session behavior across client-server boundaries?▼

Yes, you can triage auth and session behavior by capturing local app state and network traffic to establish reproducibility and identify the root cause across the client-server boundary.

What do I need to reproduce browser bugs and create structured handoff data?▼

To reproduce browser bugs and create structured handoff data, open the target app, perform the repro steps, and collect UI, console, and network evidence with next action gates.

Related Skills

Explore More Software Engineering Skills→
kevinnftkevinnft
13

dogfood

Guide automated exploratory testing of web applications and produce auditable bug reports.

Community
Advanced
bennybennisonbennybennison

mock-ui-handoff

Package mocked frontends into structured handoffs with branch references and artifact paths for downstream teams.

Community
Intermediate
JingyueCongJingyueCong

wireshark-analysis

Analyze PCAP files to identify communication issues and security anomalies.

Community
Advanced
giljaegiljae
1

gstack-canary

Monitor live web apps for console errors, performance, and visual regressions post-deploy.

Community
Intermediate