Skills
.Work. You
Rest

playwright-e2e

Community

Visual E2E testing for frontend UI changes.

Software Engineering#automation#ui#screenshots#frontend#e2e#playwright#visual-testing
AuthorTrevorS
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Visual E2E testing ensures Strieber chat UI renders correctly after changes to Svelte components, CSS, or layout, catching regressions before release and reducing manual QA time.

Core Features & Use Cases

  • End-to-end UI regression tests: Validate rendering of key components after frontend changes.
  • Visual regression with screenshots: Capture desktop and mobile views to detect layout shifts.
  • Efficient onboarding for changes: Integrates with existing docker-compose setup to run tests in CI or locally.

Quick Start

Run the tests with the Playwright runner: docker compose run --rm playwright-test

After tests complete, view screenshots in frontend/test-results/screenshots/ for desktop and mobile: frontend/test-results/screenshots/layout-desktop.png frontend/test-results/screenshots/layout-mobile.png You can verify results with:

  • Use the Read tool to inspect the produced PNGs

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: playwright-e2e
Download link: https://github.com/TrevorS/strieber-gpt-3/archive/main.zip#playwright-e2e

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.