spx-e2e-playwright
CommunityReproduce browser bugs and capture concrete evidence
Software Engineering#playwright#e2e-testing#websocket#browser-automation#network-monitoring#bug-reproduction#evidence-capture
Authornullmastermind
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Reproduce intermittent or hard-to-observe UI bugs by driving a real browser like a user and collecting verifiable evidence such as screenshots, console errors, network traces, and accessibility snapshots so developers can trace issues to source code with confidence.
Core Features & Use Cases
- User-like E2E Interaction: Drives Playwright MCP with clicks, typing, hover, drag, and realistic pacing to reproduce flows exactly as users experience them.
- Evidence Collection: Captures before/after screenshots, console messages, DOM accessibility snapshots, HTTP request/response logs, and WebSocket activity for each critical step.
- Instrumentation & Diagnostics: Injects safe monitoring helpers to log network and WebSocket events, and guides correlation to source code via codebase-retrieval for root-cause tracing.
- Workflows: Reproduce mode for bug reports, Explore mode for proactive UX testing, and Verify mode for post-fix confirmation.
Quick Start
Ask the assistant to reproduce the reported bug by providing the local app URL and a concise step-by-step description of the actions to perform.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: spx-e2e-playwright Download link: https://github.com/nullmastermind/viber-router/archive/main.zip#spx-e2e-playwright Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.