tdd-plan-ui
CommunityPlan UI tests with precision, from concept to code.
Authorjsalio
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of creating comprehensive test plans for frontend UI components, ensuring that all critical aspects are covered before development begins.
Core Features & Use Cases
- Smart/Dumb Component Classification: Identifies components as Smart (container) or Dumb (presentational) for targeted testing.
- Visual State Mapping: Covers essential states like loading, error, empty, and success.
- User Interaction Tests: Ensures interactions are tested effectively.
- Integration with Backend: Integrates with backend test plans for a seamless testing experience.
- Use Case: Ideal for projects where UI components require rigorous testing and a structured test plan is essential.
Quick Start
Generate a test plan for your UI components using /tdd-plan-ui.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: tdd-plan-ui Download link: https://github.com/jsalio/My-sdd-flow/archive/main.zip#tdd-plan-ui Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.