What testing tool does this skill use?

This skill is specifically designed to work with Playwright for E2E testing and pnpm as the package manager.

When should I use the UI Smoke skill?

You should use this skill whenever you modify screens, UI components, or application navigation to ensure no regressions were introduced.

What happens if an E2E test fails?

The skill instructs you to examine screenshots and traces to identify the cause and provides manual verification steps as a fallback.

How does it help with Pull Requests?

It provides a structured format for including E2E execution results, failure notes, and manual click-paths directly in your PR description.

Does it handle environment setup?

Yes, it includes instructions for installing Playwright browsers and checking the necessary environment variables for the development server.

UI Smoke & E2E Testing

Name: UI Smoke & E2E Testing
Author: knomura03

byknomura03

0•

セキュリティとテスト

Guides the execution of UI smoke tests and Playwright E2E suites to validate frontend changes and navigation flows.

The UI Smoke skill streamlines the verification process for frontend modifications by providing standardized procedures for running Playwright E2E tests and manual smoke tests. It helps developers maintain high UI quality by ensuring every screen or flow change is vetted through automated scripts or manual verification. The skill emphasizes efficient debugging through traces and screenshots and automates the creation of comprehensive Pull Request documentation, including test results and manual click-through evidence.

主な機能

01Standardized Playwright E2E test execution

020 GitHub stars

03Step-by-step UI smoke testing guidance

04Automated PR documentation templates for test results

05Failure analysis using screenshots and traces

06Manual verification fallback procedures

ユースケース

01Fast-tracking smoke tests for critical user paths before deployment

02Generating standardized test evidence for Pull Request descriptions

03Verifying UI and navigation integrity after frontend refactoring

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add knomura03/teppenmeo ui-smoke

For use in Claude.ai and ChatGPT

Download Skill