Agent skill
generate-component
Generate a new component with test file following project conventions
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/generate-component
SKILL.md
Genereer een nieuw component $ARGUMENTS:
- Maak het bronbestand:
src/$ARGUMENTS.jsmet een duidelijke, geexporteerde module - Maak het testbestand:
tests/$ARGUMENTS.test.jsmet minimaal:- Een test dat het component correct initialiseert
- Een test voor de belangrijkste functionaliteit
- Een edge case test
- Valideer: Run
npm testom te bevestigen dat de tests slagen - Lint: Run
npm run lintom code style te checken
Volg de conventies uit @CLAUDE.md en @.claude/rules/code-style.md.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?