claude-ui-test

Generate and execute Playwright end-to-end tests for UI components.

2|Updated Jan 13, 2026
One-click install
npx skills add https://github.com/erclx/aitk --skill claude-ui-test
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: claude-ui-test
Source: https://github.com/erclx/aitk/tree/main/claude/skills/claude-ui-test
Command: npx skills add https://github.com/erclx/aitk --skill claude-ui-test

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the gap between functional code implementation and reliable UI verification by automating end-to-end tests and managing manual visual checklists.

Core Features & Use Cases

  • Automated E2E Testing: Generates and executes Playwright tests for interactions, state transitions, and form submissions.
  • Visual Verification Management: Creates structured manual checklists for UI elements like spacing, alignment, and animations that cannot be tested programmatically.
  • Use Case: After implementing a new feature, use this skill to generate the necessary Playwright tests for the happy path and edge cases, while simultaneously creating a checklist for visual regression testing.

Quick Start

Use the claude-ui-test skill to generate and run the necessary end-to-end tests for the recent UI changes I just implemented.

Frequently Asked Questions about claude-ui-test

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

FAQPage Schema
How do I automate Playwright E2E tests for new UI features?

Automate Playwright E2E tests by generating and executing scripts that validate user flows, state transitions, and form submissions. This skill handles both happy path and edge case generation automatically based on your UI implementation context.

What is the best way to manage visual verification for UI elements that cannot be tested programmatically?

Visual verification for non-programmatic UI elements like spacing and alignment is managed through structured manual checklists. This skill generates these checklists alongside automated tests to ensure comprehensive visual regression coverage.

Do I need existing Playwright integration to generate end-to-end UI tests?

Yes, existing Playwright integration and implementation context are required. The skill analyzes your current codebase to identify automatable user flows versus manual verification tasks before generating the appropriate test scripts.

Can I use this skill to test state transitions and form submissions in my web app?

Yes, you can test state transitions and form submissions. The skill automates the generation and execution of Playwright end-to-end tests specifically targeting these interactions within your software development workflow.

How does automated UI testing handle the gap between functional code and visual consistency?

Automated UI testing bridges this gap by generating Playwright E2E tests for functional validation while simultaneously creating structured manual checklists for visual consistency checks that cannot be verified programmatically.

What are the limitations of automating visual regression testing with Playwright?

Playwright automation cannot programmatically verify visual nuances like spacing, alignment, or animations. This skill addresses the limitation by creating structured manual checklists for these specific visual elements alongside the automated E2E tests.