Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
The English summary is being prepared. Showing the original description.
See how to installReview the instructions the agent will receive before you install.
Modern frontend patterns for React, Next.js, and performant user interfaces.
Composition over inheritance, compound components, render props. See references/component-patterns.md for implementations.
Reusable hooks: useToggle, useDebounce; server state via TanStack Query / SWR. See references/hooks-patterns.md for implementations.
Context + Reducer pattern, memoization, code splitting, virtualization. See references/state-performance.md for implementations.
Controlled forms with validation, ErrorBoundary, motion (formerly Framer Motion), keyboard navigation, focus management. See references/forms-errors-a11y.md for implementations.
| Need | Pattern |
|---|---|
| Shared state across siblings | Context + Reducer |
| Expensive computation (no React Compiler) | useMemo |
| Stable callback reference (no React Compiler) | useCallback |
| Prevent unnecessary re-renders (no React Compiler) | React.memo |
| Large list rendering | Virtualization (@tanstack/react-virtual) |
| Heavy component | lazy() + Suspense |
| Form validation | Controlled form + error state |
| Graceful error handling | ErrorBoundary class component |
| Keyboard accessible UI | role, aria-*, onKeyDown handlers |
Note: On projects using React Compiler, manual memoization (useMemo/useCallback/React.memo) is generally unnecessary; add it only when profiling shows a real problem.
Remember: Choose patterns that fit your project complexity. Not every project needs every pattern.
No reviews yet. Tell others what you thought.
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.
The English summary is being prepared. Showing the original description.
ClickHouse database patterns, query optimization, analytics, and data engineering best practices for high-performance analytical workloads.
The English summary is being prepared. Showing the original description.
日本語の業務文書を作成・修正するときに使用する共通品質基準。事実性、確度、論理、簡潔さ、自然な日本語を守る。提案書、報告、技術説明、議事録、メール、Slack、要約、レビューに適用する。創作、広告コピー、コードや構造化データだけの生成には使用しない。
The English summary is being prepared. Showing the original description.
Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.
The English summary is being prepared. Showing the original description.
Formal evaluation framework for Claude Code sessions implementing eval-driven development (EDD) principles.
The English summary is being prepared. Showing the original description.
Example project-specific skill template. Use as a starting point when creating guidelines for your own projects.
The English summary is being prepared. Showing the original description.