Skill
ai-development-guide
Applies language-agnostic and backend technical decision criteria, anti-pattern detection, debugging, and quality gates. Use when reviewing general/backend…
@shinprView SkillDevelopment
Skill
/test-implement
Implements React/TypeScript unit, integration, and browser E2E tests with the repository's configured runner, mocks, setup, and browser harness. Use when creating or completing frontend tests and generated test skeletons.
Install
$ npx -y skills add shinpr/claude-code-workflows --skill test-implement --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/test-implement
Context preview
The summary Claude sees to decide when to auto-load this skill.
Implements React/TypeScript unit, integration, and browser E2E tests with the repository's configured runner, mocks, setup, and browser harness. Use when creating or completing frontend tests and generated test skeletons.
SKILL.md
test-implement.SKILL.mdname: test-implement description: Implements React/TypeScript unit, integration, and browser E2E tests with the repository's configured runner, mocks, setup, and browser harness. Use when creating or completing frontend tests and generated test skeletons.
Test Implementation Patterns
Reference Selection
| Test Type | Reference | When to Use | |-----------|-----------|-------------| | **Unit / Integration** | [references/frontend.md](references/frontend.md) | Implementing React component tests with the repository's configured runner and network mocking layer | | **E2E** | [references/e2e.md](references/e2e.md) | Implementing browser-level E2E tests in the existing harness, or Playwright when the approved work introduces a harness |
Common Principles
AAA Structure
All tests follow **Arrange-Act-Assert**:
- **Arrange**: Set up preconditions and inputs
- **Act**: Execute the behavior under test
- **Assert**: Verify the expected outcome
Test Independence
- Each test runs independently without depending on other tests
- No shared mutable state between tests
- Deterministic execution — mock random and time dependencies
Naming
- Test names describe expected behavior from user perspective
- One test verifies one behavior
Ships withclaude-code-workflows
Claude Code can explore a codebase deeply. On non-trivial work, the harder problem is convergence.
Get the whole plugin
Stats
682
Stars
102
Forks
Active
Maintenance
JavaScript
Language
MIT
License
2d ago
Last commit
11mo ago
Created
Repo: shinpr/claude-code-workflows
Other skills on claude-code-workflows.
@shinprView SkillSkill
coding-principles
Language-agnostic coding principles for maintainability, readability, and quality. Use when implementing features, refactoring code, or reviewing code quality.
@shinprView SkillSkill
documentation-criteria
Determines which of PRD, ADR, UI Spec, Design Doc, and Work Plan a change requires, and where each is stored. Use when deciding documentation scope, or when…
@shinprView SkillSkill
external-resource-cont…
Records where resources outside the repository live (design source, design system, API schema, IaC source, secret store) and how design, implementation, and…
@shinprView SkillSkill
frontend-ai-guide
Applies React/TypeScript-specific technical decision criteria, anti-pattern detection, debugging, and frontend quality gates. Use when reviewing components,…
@shinprView SkillSkill
implementation-approac…
Implementation strategy selection framework. Use when planning implementation strategy, selecting development approach, or defining verification criteria.
@shinprView Skill