用途：该技能用于在 Next.js（尤其 App Router）中建立与服务端组件（RSC）兼容的样式方案，核心方向是零运行时 CSS，避免运行时 CSS-in-JS 导致的大范围 'use client'。
主要能力与选型：Tailwind/shadcn 为首选（零运行时、RSC 兼容，适合 App Router）；CSS Modules/SCSS 为推荐项（作用域隔离、零运行时，适合遗留项目）；Ant Design 受支持，但需配合 Client Component 包装；MUI/Chakra 等运行时方案建议避免，因为会强制广泛使用 use client 并降低性能。
工作流（Set Up Styling）：1) 选择样式库；2) 创建 cn 工具，结合 clsx 与 tailwind-merge 处理动态类名；3) 使用 next/font 配置自托管字体，减少 CLS；4) 为 <Image> 显式指定 width/height 或使用 fill。
库相关模式见 references/scss.md、references/ant-design.md、references/tailwind.md。
反模式：不要在 RSC 中使用运行时 CSS-in-JS；不要使用无尺寸的 <img>；不要硬编码条件类名，应使用 clsx+tailwind-merge（cn）；不要用 Google Fonts <link> 标签，应使用 next/font。
限制与缺失：资料未提供具体版本要求、安装命令、完整代码示例、性能数据与收费信息。