frontend-test
Frontend Test Generator
Generate React/Vue component tests with React Testing Library including user interactions.
When to Invoke
Auto-invoke when user mentions:
- "Test this component"
- "Write component test"
- "Test component"
- "Add component test"
- "Component tests for [name]"
What This Does
- Generates test file with RTL utilities
- Tests component rendering
- Tests user interactions (click, type, etc.)
- Tests accessibility
- Generates snapshot tests
Success Criteria
- Test file generated with RTL imports
- Tests render component correctly
- User interactions are tested
- Accessibility attributes validated
- Tests follow React Testing Library best practices
Auto-invoke when writing frontend component tests ⚛️
More from alekspetrov/navigator
product-design
Automates design review, token extraction, component mapping, and implementation planning. Reduces design handoff from 6-10 hours to 5 minutes via direct Figma MCP integration. Auto-invoke when user mentions design review, Figma mockup, or design handoff.
17frontend-component
Create React/Vue component with TypeScript, tests, and styles. Auto-invoke when user says "create component", "add component", "new component", or "build component".
13nav-install-multi-claude
Install Navigator multi-Claude workflow orchestration scripts. Auto-invokes when user says "install multi-Claude workflows", "set up multi-Claude", or "enable parallel execution".
11backend-test
Generate backend tests (unit, integration, mocks). Auto-invoke when user says "write test for", "add test", "test this", or "create test".
11nav-graph
Query project knowledge graph. Search across tasks, SOPs, memories, and concepts. Use when user asks "what do we know about X?", "show everything related to X", or "remember this pattern/pitfall/decision".
10database-migration
Create database migration with schema changes and rollback. Auto-invoke when user says "create migration", "add table", "modify schema", or "change database".
9