e2e-walkthrough

Community

Interactive UI walkthrough with recording

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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.