用途：该技能面向 Next.js App Router 项目，帮助把缓慢的客户端数据获取转换为服务端获取，从而加快首屏渲染。
主要能力：提供快速诊断方法，用 rg 命令搜索客户端获取反模式，例如 useEffect 配合 fetch、用 useState 表示 isLoading、以及用 useStore 或 useContext 获取初始页面数据；并给出三步转换流程：先判断页面首屏所需数据，把带 useInView、useState、onClick 的交互区块拆成独立客户端组件，再把页面改为不带 "use client" 的服务端组件，在服务端 await 获取数据并以 props 传入。还提供类型适配模式，当数据库类型与前端类型不一致时，用适配函数转换字段。
使用方式：在代码库中运行资料给出的 rg 命令定位问题；按三步流程重构；交互区块保留 "use client"，页面组件改为 async 服务端组件。
适用场景：静态或很少变化的数据适合服务端组件；实时订阅、用户触发的搜索筛选分页、依赖客户端状态（如 auth token、localStorage）的数据、无限滚动等应保留客户端获取。
限制：资料未提供安装命令、收费、价格、平台支持或效果数据；高级模式（并行获取、Suspense 流式、错误边界、缓存策略、混合模式）仅指向 references/patterns.md，正文未展开。