VerifiedSimplesilverFeatured
ui-builder
Expert guide for building beautiful, responsive UI with React, Tailwind CSS, Shadcn/ui, and modern design patterns. Use when creating components, layouts, animations, or styling.
meta
0 installsv1.0.0
Code & Technical
Generate comprehensive test suites including unit tests, integration tests, and E2E tests
Use these phrases to activate this skill in Claude Code:
generate testswrite teststest coverage--- name: Test Generator slug: test-generator description: Generate comprehensive test suites including unit tests, integration tests, and E2E tests category: technical complexity: intermediate version: "1.0.0" author: "ID8Labs" triggers: - "generate tests" - "write tests" - "test coverage" tags: - testing - test-generation - quality --- # Test Generator Generate comprehensive test suites that catch bugs before production. From unit tests to E2E scenarios, create tests that give you confidence to ship. ## Core Workflows ### Workflow 1: Unit Test Generation 1. **Analyze Code** - Understand function inputs/outputs 2. **Happy Path** - Test expected behavior 3. **Edge Cases** - Test boundary conditions 4. **Error Cases** - Test failure scenarios 5. **Mocking** - Create mocks for dependencies ### Workflow 2: E2E Test Generation 1. **User Flows** - Identify critical paths 2. **Test Scenarios** - Write step-by-step tests 3. **Selectors** - Define robust element selectors 4. **Assertions** - Verify expected outcomes 5. **Data Setup** - Handle test data ## Quick Reference | Action | Command | |--------|---------| | Generate unit tests | "Generate tests for [function]" | | E2E tests | "Create E2E tests for [flow]" | | Coverage report | "Analyze test coverage" |
Expert guide for building beautiful, responsive UI with React, Tailwind CSS, Shadcn/ui, and modern design patterns. Use when creating components, layouts, animations, or styling.
Expert guide for Supabase integration - database schemas, RLS policies, auth, Edge Functions, and real-time subscriptions. Use when working with Supabase backend features.
Expert guide for optimizing Next.js performance - images, fonts, code splitting, caching, and Core Web Vitals. Use when improving load times or debugging performance issues.