skills.rest
Higashi-Kota
Higashi-KotaCOMMUNITY
Explore all skills by this author →
GitHub

e2e

Automate Playwright end-to-end tests with Chrome DevTools MCP integration.

Updated Jan 2, 2026
Search Tags:#accessibility#e2e#playwright#chrome-devtools#visual-regression#testing-patterns
One-click install
npx skills add https://github.com/Higashi-Kota/llm-mermaid-chat --skill e2e-higashi-kota
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: e2e
Source: https://github.com/Higashi-Kota/llm-mermaid-chat/tree/main/.claude/skills/e2e
Command: npx skills add https://github.com/Higashi-Kota/llm-mermaid-chat --skill e2e-higashi-kota

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Playwright E2E testing patterns with chrome-devtools MCP integration can reduce the time and effort required to validate complex user flows, accessibility, and visual integrity in modern web apps.

Core Features & Use Cases

  • E2E testing patterns: Provide structured Playwright workflows for reliable end-to-end tests across multi-page journeys.
  • A11y validation: Integrates accessibility checks to ensure ARIA and keyboard navigation meet standards.
  • Visual regression: Supports snapshot-based visual comparisons to detect UI drift.
  • Developer efficiency: Streamlines debugging with Chrome DevTools MCP integration during test runs.

Quick Start

Install Playwright test and browsers, then run the E2E suite. Example commands:

  • pnpm add -D @playwright/test
  • pnpm exec playwright install
  • pnpm dev
  • pnpm e2e

Frequently Asked Questions about e2e

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

FAQPage Schema
How do I automate Playwright E2E tests for multi-page user journeys?▼

Automate Playwright E2E tests for multi-page journeys by applying structured testing workflows enforced through a standardized configuration and global test parameters, ensuring reliable execution and reporting across complex user flows.

How do I add accessibility validation to my Playwright E2E testing suite?▼

Add accessibility validation to Playwright E2E testing suites by integrating automated A11y checks that verify ARIA attributes and keyboard navigation meet compliance standards during regular test execution.

Can I use Chrome DevTools MCP to debug Playwright E2E tests?▼

Yes, you can use Chrome DevTools MCP integration to debug Playwright E2E tests, streamlining developer efficiency by enabling direct browser inspection and troubleshooting during test execution.

What is the best way to detect visual regression in web applications with Playwright?▼

The best way to detect visual regression in web applications with Playwright is using snapshot-based visual comparisons, which capture baseline UI states to accurately identify and report visual drift.

Do I need to install specific dependencies to set up Playwright E2E testing?▼

Yes, you need to install Playwright test packages and browser binaries. A standardized setup command configures the global parameters and Playwright configuration required to execute the E2E suite.

Why use a standardized configuration for end-to-end testing workflows?▼

Use a standardized configuration for end-to-end testing workflows to enforce consistent global test parameters across multi-page journeys, ensuring reliable accessibility validation, visual regression checks, and simplified command execution.

Related Skills

Explore More Software Engineering Skills→
xxihxxih
1

e2e-testing

Execute Playwright web app tests and generate HTML reports with CI/CD compatibility.

Community
Advanced
OMIXECOMIXEC
1

e2e-testing-patterns

Automate Playwright and Cypress end-to-end test suites for web and mobile applications.

Community
Advanced
HellKaiser45HellKaiser45

browser-testing-with-devtools

Automate browser-testing workflows using Chrome DevTools MCP to inspect DOM, capture console logs, and analyze network activity.

Community
Intermediate
williamzujkowskiwilliamzujkowski
17

e2e-testing

Automate end-to-end web app testing with Playwright or Cypress in CI/CD pipelines.

Community
Intermediate