用途：为 React 与 Next.js（App Router）应用提供生产级开发模式，涵盖渲染策略、数据获取、状态管理、性能优化、变更处理、安全与可访问性，规则按影响程度排序。
主要能力：默认使用 Server Components，仅在需要浏览器 API、事件监听或 React hooks 时使用 Client Components，并把 'use client' 边界下推到叶子节点；并行化相互独立的 await 调用以消除请求瀑布，避免在提前返回的分支前做阻塞获取；在需要数据的组件内获取数据，利用 Next.js 对同 URL fetch 的自动去重，非 fetch 数据源用 React.cache 缓存；用 Suspense 流式渲染慢速子树，路由段可用 loading.tsx；提供 preload 预加载模式。状态管理按范围选型：局部用 useState/useReducer，共享 UI 用 useContext + useReducer，复杂客户端状态用 Zustand 或 Jotai，服务端数据缓存用 TanStack Query，表单用 React Hook Form；昂贵状态用回调惰性初始化。包体积方面用 next build --debug 或 @next/bundle-analyzer 审计，非关键代码用 next/dynamic 动态导入，避免大库的 barrel 文件重导出，用 server-only 标记服务端模块。重渲染优化包括 memo、useMemo、useCallback 以及合并数组遍历。变更使用 Server Actions，并在变更后调用 revalidatePath 或 revalidateTag。安全方面不要向 Client Components 传递敏感数据，可用 React taint API 在开发期强制。可访问性要求语义化 HTML、aria 标签、键盘可导航与图片 alt 文本。项目组织建议将组件与路由共置于 _components/，共享组件放 components/，数据获取辅助放 lib/。
使用方式：作为技能在用户要求编写 Next.js 应用、遵循 React 最佳实践、优化 Next.js 应用或使用 App Router 构建时启用。
限制：资料未提供安装命令、收费方式、平台支持范围与具体效果数据。