e2e-map

Generate and update UI element mappings for end-to-end testing.

3|Updated Mar 9, 2026
One-click install
npx skills add https://github.com/iamcxa/kc-claude-plugins --skill e2e-map
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: e2e-map
Source: https://github.com/iamcxa/kc-claude-plugins/tree/main/e2e-pipeline/skills/e2e-map
Command: npx skills add https://github.com/iamcxa/kc-claude-plugins --skill e2e-map

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

End-to-end testing often stalls when UI element discovery and mapping are manual or out-of-sync with code changes. This skill automates the generation and updating of UI element mappings for web apps, enabling faster test authoring and more robust test flows.

Core Features & Use Cases

  • Generate or update UI element mappings by analyzing codebases and driving browser exploration with an orchestrator.
  • Support full mappings for new apps and incremental updates for existing mappings, including handling dialogs, drawers, modals, and navigation structures.
  • Produce a draft YAML mapping for merging into the final mapping and a detailed activity report to guide Phase 4 refinement.

Quick Start

Run /e2e-map to generate or update your app's UI element mapping for E2E tests.

Frequently Asked Questions about e2e-map

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

FAQPage Schema
How do I generate UI element mappings for end-to-end tests?

You can generate UI element mappings for end-to-end tests by analyzing codebase routes and exploring the application in a browser. The skill orchestrates browser exploration to produce a draft YAML mapping for merging into your final test configuration.

Can I update existing UI element mappings incrementally for new application features?

Yes, existing UI element mappings can be updated incrementally. The tool analyzes the codebase to identify changes and explores the browser to map new UI elements, handling dialogs, drawers, modals, and navigation structures while preserving existing mappings.

Do I need agent-browser tooling to map UI elements for e2e testing?

Yes, agent-browser tooling is required to map UI elements for e2e testing. The skill relies on this browser automation capability to explore the application, interact with UI components, and generate the structured mapping report.

What is the best way to map modals and navigation structures for reliable end-to-end tests?

The best way to map modals and navigation structures for reliable end-to-end tests is using an automated browser exploration tool. It identifies dynamic UI elements like dialogs and drawers, outputting a draft YAML mapping to guide your test flow refinement.

Why does manual UI element discovery stall end-to-end testing?

Manual UI element discovery stalls end-to-end testing because it is slow and easily falls out of sync with code changes. Automating the generation and updating of UI element mappings enables faster test authoring and more robust test flows.

Does e2e-map support full UI element mapping for new web applications?

Yes, e2e-map supports full UI element mapping for new web applications. By analyzing codebase routes and driving browser exploration, it generates a complete draft YAML mapping and a detailed activity report for Phase 4 refinement.