e2e-walkthrough
CommunityInteractive UI walkthrough with recording
Software Engineering#reporting#e2e-testing#recording#visual-qa#agent-browser#trace-analysis#flow-generation
Authoriamcxa
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provides a structured, human-in-the-loop browser walkthrough workflow that replaces ad-hoc manual exploration and visual QA, ensures reproducible trace capture, and generates actionable artifacts when automated verification fails or needs human validation.
Core Features & Use Cases
- Interactive exploration: Guided, step, or auto modes for human-assisted UI walkthroughs with per-step screenshots and one-line progress reports.
- Mapping-driven discovery: Enforces mapping selection and multi-site mapping support to reliably locate pages and elements before exploration.
- Robust execution pipeline: Pre-flight checks, auth handling (auto/manual), agent-browser trace capture, observe-and-continue per-step loop, anomaly logging, and retry/debug flows.
- Phase 4 outputs: Automatic step-log.json, trace stop and analysis, dual reports (report.md and pr-summary.md), auto-generated flow YAML, media processing (GIF/MP4), and PR posting support.
- Use cases: Visual QA, feature exploration, PR-driven UI review, demo recording, and guided debugging when automated tests fail.
Quick Start
Run an interactive walkthrough of the org-settings page, record the session, and generate the flow YAML and reports.
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: e2e-walkthrough Download link: https://github.com/iamcxa/kc-claude-plugins/archive/main.zip#e2e-walkthrough 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.