菜单
React and Next.js performance best practices including rendering, memoization, and bundle optimization.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Create and apply Drizzle ORM migrations against the single Neon-primary PostgreSQL database
Run the 15-check pre-launch preflight and interpret results with context-aware fix suggestions
Next.js App Router best practices for routing, data fetching, rendering, and optimization.
Next.js Cache Components, 'use cache' directive, PPR, cacheLife, cacheTag, and migration from unstable_cache.
Turborepo monorepo task orchestration, caching, and pipeline configuration guidance.
React composition patterns for building maintainable, reusable component architectures.
| name | vercel-react-best-practices |
| description | React and Next.js performance best practices including rendering, memoization, and bundle optimization. |
Refer to the official documentation for comprehensive guidance:
'use client' when hooks or browser APIs are requiredReact.memo, useMemo, and useCallback sparingly and only when profiling reveals unnecessary re-renders; premature memoization adds complexity without measurable benefitnext/dynamic with { ssr: false } for heavy client-only components (charts, editors) to reduce initial bundle size and improve Time to Interactivenext/image for all images (automatic format optimization, lazy loading, responsive srcSet) and next/font to eliminate layout shift from font loading