メニュー
Guide test-driven development using red-green-refactor. Use when building a new hook, fixing a bug test-first, or following TDD workflow in this React hooks library.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Run linting and formatting checks. Use when asked to lint, fix lint errors, check code style, or run ESLint and Prettier on the codebase.
Run the full test suite and report results. Use when asked to run tests, verify behavior, or check for regressions in the hooks library.
| name | tdd |
| description | Guide test-driven development using red-green-refactor. Use when building a new hook, fixing a bug test-first, or following TDD workflow in this React hooks library. |
| compatibility | Designed for Claude Code. Requires Node.js and npm. |
This is a React hooks library — all behavior is testable via renderHook.
Write a failing test in src/__tests__/<hook-name>.test.ts:
renderHook from @testing-library/reactnpm test and confirm it fails for the right reasonImplement the minimum hook code in src/<hook-name>.ts to pass:
npm test and confirm all tests passClean up without breaking tests:
npm run lint and npm run test:tsc to verifysrc/__tests__/use-is-mounted-ref.test.tssrc/__tests__/use-abort-controller.test.ts