用途：该技能面向 Next.js App Router 项目，帮助把缓慢的客户端数据获取转换为服务端获取，从而加快首屏渲染。
主要能力：提供快速诊断，用 ripgrep 搜索客户端获取反模式，例如 rg -n "useEffect.*fetch|useState.*loading|useStore()" --type tsx 与 rg -n '"use client"' app/ --type tsx；识别 "use client" + useEffect + fetch、isLoading 状态、useStore/useContext 取初始数据等信号。
使用方式：按三步转换。第一步判断初始渲染所需数据，静态或很少变化的数据放服务端组件，交互数据留客户端。第二步把含 useInView、useState、onClick 的区块抽成独立客户端组件，通过 props 接收数据。第三步把页面改为无 "use client" 的异步服务端组件，在服务端 await 取数后传给客户端组件。数据库类型与前端类型不一致时，可用类型适配函数做字段映射。
适用场景：适合需要减少首屏 spinner、消除请求瀑布的页面。实时订阅、用户触发的搜索筛选分页、依赖客户端状态（如 auth token、localStorage）的数据、无限滚动等仍应保留客户端获取。
限制：资料未提供安装命令、收费、平台支持范围与效果数据；高级模式（并行取数、Suspense 流式、错误边界、缓存策略、混合模式）仅在 references/patterns.md 中提及，正文未展开。