e2e

Run end-to-end browser tests via chrome-devtools-mcp with screenshots and pass/fail reports.

Updated Aug 14, 2025
One-click install
npx skills add https://github.com/kaikojima05/ai-agent-rules --skill e2e-kaikojima05
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: e2e
Source: https://github.com/kaikojima05/ai-agent-rules/tree/main/skills/e2e
Command: npx skills add https://github.com/kaikojima05/ai-agent-rules --skill e2e-kaikojima05

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables reliable end-to-end verification of implemented web features by driving a real browser and validating outcomes, reducing the gap between code changes and actual user behavior.

Core Features & Use Cases

  • Requirement gathering before testing: collects target URLs and (when needed) login credentials plus optional preconditions and completion criteria, then confirms them.
  • Plan-driven execution with MCP: uses chrome-devtools-mcp to navigate pages, perform browser actions, capture screenshots, and record progress.
  • Scenario-based reporting: summarizes pass/fail results per scenario and reports discovered issues with screenshot references.

Quick Start

Start an E2E run by telling the assistant which page(s) you want to test, including the login page URL if authentication is required.

Frequently Asked Questions about e2e

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

FAQPage Schema
How do I automate browser E2E testing for login flows?

You can automate browser E2E testing for login flows by providing target URLs and credentials to initiate an interactive, plan-driven test execution. The system collects ordered user input, confirms an approval-based test plan, and navigates pages using chrome-devtools-mcp to validate outcomes.

Can I capture screenshot evidence during end-to-end web testing?

Yes, you can capture screenshot evidence during end-to-end web testing as the execution runs deterministically. The system captures screenshots during scenario execution and includes these screenshot references in its structured pass/fail reporting to document discovered issues.

How does test planning work for browser automation scenarios?

Test planning for browser automation works by requiring ordered user input collection, including target URLs, optional login credentials, preconditions, and completion criteria. The system then confirms an approval-based test plan before executing multiple scenarios to ensure validation is deterministic.

What is needed to run E2E checks via Chrome DevTools MCP?

To run E2E checks via Chrome DevTools MCP, you need to provide the target page URLs you want to test, including the login page URL if authentication is required. The system then drives a real browser to apply preconditions and validate completion criteria.

Are there limitations when using browser automation for multi-scenario E2E testing?

When using browser automation for multi-scenario E2E testing, execution is deterministic and requires an approval-based test plan. A limitation is that it requires ordered user input collection upfront, meaning dynamic test modification during execution is not supported.

What's the best way to verify web functionality with interactive navigation?

The best way to verify web functionality with interactive navigation is driving a real browser via chrome-devtools-mcp to perform actions and validate outcomes. This reduces the gap between code changes and actual user behavior by generating scenario-based pass/fail reports.