QA Skill — TDD via App + Playwright

The Skill scaffolds a Vite-based React Native web app and generates comprehensive Playwright e2e tests by parsing your technical architecture and product requirement documents. It orchestrates subagents to build components and create test infrastructure.

The best way to use TDD for app scaffolding with Playwright is to provide a Product Requirement Brief. The Skill generates Playwright page objects and test specs that drive the development of application screens for your Vite-based app.

Yes, the Playwright test generation tool supports accessibility and offline scenarios. It creates test specs covering rendering, navigation, interaction, offline, error, and accessibility scenarios based on your provided product requirement documents.

Yes, you can scaffold a Vite React Native app and generate mock APIs simultaneously. The Skill automates the creation of the web application shell, including routing and mock API integration, alongside the Playwright test suite.

You validate build outputs and test execution results by running the generated Playwright e2e tests. The Skill orchestrates subagents to parse inputs, build app components, create test infrastructure, and validates build outputs and test execution results.