ReddRadar
Agent skill
frontend-test
Generate frontend component tests (unit, snapshot, e2e). Auto-invoke when user says "test this component", "write component test", or "add component test".
Install this agent skill to your Project
npx add-skill https://github.com/alekspetrov/navigator/tree/main/skills/frontend-test
SKILL.md
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 ⚛️
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
alekspetrov/navigator
social-media-post
Generate optimized social media posts for Threads, X (Twitter), and LinkedIn. Analyzes platform algorithms, applies best practices, and creates engaging content tailored to each platform. Local skill for Navigator marketing only.
alekspetrov/navigator
plugin-slash-command
Generate new Navigator slash commands following project conventions. Use when user says "add slash command", "create command", "new /nav command", or "add /nav:[name] command".
alekspetrov/navigator
nav-skill-creator
Analyze codebase patterns and create custom skills for repetitive workflows. Use when project needs automation or pattern enforcement. Auto-invoke when user says "create a skill for...", "automate this workflow", or "we keep doing X manually".
alekspetrov/navigator
nav-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".
alekspetrov/navigator
nav-onboard
Interactive onboarding for Navigator - learn by doing. Auto-invoke when user says "onboard me", "teach me Navigator", "how do I use Navigator", "Navigator tutorial", "learn Navigator", "new to Navigator", or "what skills should I use".
alekspetrov/navigator
frontend-component
Create React/Vue component with TypeScript, tests, and styles. Auto-invoke when user says "create component", "add component", "new component", or "build component".
Didn't find tool you were looking for?