用途：说明 Next.js App Router 中 React Server Components（RSC）与 Client Components 的区别、选择标准与组合方式，帮助减少客户端 JavaScript 并直接访问后端资源。
主要能力：Server Components 默认在服务端运行，可直接访问数据库与文件系统、保留敏感数据（API 密钥、令牌）、减小客户端包体积并自动代码分割；组件可为 async，支持用 Promise.all 并行获取数据，并可用 Suspense 流式渲染慢组件。Client Components 通过文件顶部 'use client' 指令开启，用于 useState、useEffect、useReducer、事件处理、浏览器 API（window、document）以及带状态的自定义 Hook。
使用方式：默认即为 Server Component；需要交互时在组件文件加 'use client'。组合模式包括：在 Server Component 中取数后传给 Client Component 渲染；把 Server Component 作为 children 传入 Client Component；用多个 children 插槽（如 sidebar、main）构建复杂布局。
规则与限制：Server Component 可导入 Client Component，Client Component 不能导入 Server Component；跨界传递的数据需可序列化，不能传函数、类或日期；不要无必要地添加 'use client'。
适用场景：需要数据获取、访问后端资源、保护敏感信息或减少客户端 JS 的组件用 Server Component；需要状态、副作用、事件监听或浏览器 API 的组件用 Client Component。
资料中未提供该 skill 的安装命令、收费方式与平台限制等细节。