What problem does it solve? Existing frontend components often ship without tests, and writing tests by hand requires detecting the right framework, matching project conventions, and covering rendering, interactions, and accessibility. This Skill automates that entire workflow for components that already exist. ## Core Features & Use Cases - Framework Detection: Automatically detects React Testing Library, Vue Test Utils, Vitest, or Jest from package.json and setup files. - Convention-Aware Generation: Colocates test files with components, prefers getByRole queries over getByTestId, and only adds snapshot tests when the project already uses them. - Knowledge Graph Integration: Queries prior project patterns before generating and emits an execution summary afterward so future sessions reuse learned conventions. - Use Case: You have a UserProfile.tsx component written without tests. Ask for component tests and receive a passing UserProfile.test.tsx covering rendering, click interactions, and accessibility checks. ## Quick Start Ask the AI to write component tests for your existing component, for example by saying "test the UserProfile component".
