browser-runtime-observation

What problem does it solve?

This Skill resolves uncertainty between source code predictions and actual behavior by collecting real browser runtime evidence (DOM, console, network, a11y, Lighthouse, performance, memory) to confirm, debug, or support implementation decisions with verifiable artifacts.

Core Features & Use Cases

• Real runtime evidence capture: Collects DOM/console/network/a11y/Lighthouse/performance/memory signals from a live page to replace guesswork with observations.
• Minimal, evidence-driven scope: Chooses the smallest first investigation path based on the evidence gap (render, console errors, network/API, accessibility/Lighthouse, or performance/memory) rather than doing a full sweep by default.
• Proof-oriented outputs: Produces condensed conclusions aligned to build/debug/proof/review goals, including references to artifacts for review and merge readiness.
• Correct boundary management: Avoids taking over user-visible QA, lightweight browser interactions, and tool-guide-level work unless explicitly required by the task.
• Reference harness support: Provides a local real smoke/contract-check harness as a non-public support asset for the Skill’s runtime proof workflow.

Quick Start

Run browser-runtime-observation to verify the suspected front-end issue by capturing DOM, console, and network evidence on the real page and summarizing the findings into merge-ready proof artifacts.