用途：为 React 与 Next.js 前端开发提供实现模式，提升性能与可维护性。适用于组件实现、页面与 API 路由、状态管理、性能优化，以及服务端/客户端组件取舍等场景。
主要能力：Next.js App Router 中默认使用服务端组件做数据获取，仅在需要交互时用 'use client' 标记客户端组件；用 Suspense 边界实现流式渲染，让快数据先加载、慢数据后流入；数据获取用 Promise.all 并行请求，配合 notFound() 与错误边界处理异常。React 性能方面强调组件拆分、把状态下推到真正需要它的组件、仅在可测量收益时使用 memo、useMemo、useCallback。状态管理给出 Context 配合 useReducer 的认证示例，以及 useQuery、useDebouncedValue、useLocalStorage 等自定义 Hook。组件模式包含复合组件（Tabs）与 render props / children as function。
使用方式：作为技能在相关开发任务中自动激活，按资料中的模式编写代码；示例代码保持原样，未提供安装命令或配置步骤。
适用场景：构建 React 组件、Next.js 页面与 API 路由、需要流式渲染或并行取数的仪表盘、需要可复用状态逻辑与灵活组件 API 的项目。
限制：资料未提供具体版本要求、依赖安装方式、性能基准数据或收费信息；是否启用需结合项目实际，memo 等优化应以性能分析结果为准。