メニュー
Complete workflow from new Hook/Component/Util development to deployment. Use when starting new feature development.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Design React APIs and abstractions in a React-like way. Covers declarative interfaces, lifecycle-safe abstractions, minimal surfaces, zero-dependency bias, type safety, and documentation.
Review React hooks against design philosophy. Checks return values, SSR safety, state design, effect usage, TypeScript patterns, and performance.
Write React hooks following design philosophy. Covers naming, return values, SSR safety, state design, effect patterns, TypeScript, and performance.
Create branches following repo conventions. Use when creating branches, starting new features.
PR/code review. 100% coverage, SSR safety, JSDoc validation. Use when reviewing code, checking PRs.
Create commits following repo conventions. Use when committing changes, creating commit messages.
| name | development-workflow |
| description | Complete workflow from new Hook/Component/Util development to deployment. Use when starting new feature development. |
| allowed-tools | Read, Write, Edit, Bash, Glob, Grep |
Scaffold → Implementation → Testing → Documentation → Review → Changeset → Merge
yarn scaffold useNewHook --type h # Hook
yarn scaffold MyComponent --type c # Component
yarn test:spec
yarn test:coverage
yarn test # Full validation
yarn test:type # Type check
yarn test:lint # Lint
yarn changeset
# patch: Bug fix
# minor: New feature
# major: Breaking change
git checkout -b feat/add-use-new-hook
git add . && git commit -m "feat: add useNewHook"
gh pr create