playwright-ct

Generate and execute Playwright Component Tests for isolated UI components.

4|2|Updated Mar 16, 2026
One-click install
npx skills add https://github.com/nickhou1983/UI-test-Demo --skill playwright-ct
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-ct
Source: https://github.com/nickhou1983/UI-test-Demo/tree/main/.github/skills/playwright-ct
Command: npx skills add https://github.com/nickhou1983/UI-test-Demo --skill playwright-ct

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the generation and execution of Playwright Component Tests (CT) for isolated UI components, eliminating manual test setup and ensuring consistent coverage.

Core Features & Use Cases

  • Generates CT test suites for each component mounted in isolation
  • Validates component props and events using resolved I/O profiles
  • Provides a ready-to-run ct config and fixture wrappers for local testing

Quick Start

Run the CT generation with a structured component brief to produce tests under tests/component and a corresponding playwright-ct.config.ts.

Frequently Asked Questions about playwright-ct

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

FAQPage Schema
How do I generate Playwright component tests for isolated UI components?

To generate Playwright component tests, provide a structured component brief and the tool outputs test suites under tests/component with a corresponding playwright-ct.config.ts.

Does Playwright CT work with Vue and Svelte projects?

Playwright CT supports Vue and Svelte projects, alongside React and Solid, by mounting and testing isolated components using a shared component discovery contract.

What is component testing in isolation and when do I need it?

Component testing in isolation validates individual component props, events, and mounting behavior independently, needed when ensuring consistent UI coverage without full page integration.

Can I automate test generation for component props and events validation?

You can automate component props and events validation by running CT generation with a structured component brief that uses resolved I/O profiles to produce test suites.

Do I need an existing Playwright CT setup to run the generated tests?

Yes, an existing Playwright CT setup is required, along with a structured component testing brief, to generate and execute tests under tests/component with fixture wrappers.

What are the limitations of automated Playwright component test generation?

Automated Playwright component test generation is limited to isolated UI components and requires a structured component brief, a Playwright CT setup, and a playwright-ct.config.ts.