用途：面向 Next.js 15（App Router）应用的性能优化技能，目标为改善 Core Web Vitals、页面加载速度、渲染策略、数据获取与缓存、生产构建、SEO 与可访问性。适用于项目依赖中含 next、用户提到优化/性能/慢/Core Web Vitals、生产部署前、新增功能或页面后，以及需要 Next.js 专有改进时。前置检查使用 Read、Grep 工具，先读 package.json 确认 Next.js 版本（如 ^15.0.0 或更高），并通过 app/ 目录及 layout.tsx、page.tsx 判断 App Router，或通过 pages/ 判断旧版 Pages Router 并建议迁移。
主要能力：1）渲染策略优化：默认使用服务端组件处理数据获取与重计算；交互组件加 'use client' 且保持为叶子节点；可用 revalidate 实现 SSG/ISR。2）图片优化：用 next/image 替代 <img>，配置 remotePatterns 与 avif、webp 格式，首屏图用 priority，其余默认懒加载。3）字体优化：用 next/font/google 或 next/font/local，设置 display: 'swap'。4）数据获取优化：用 Promise.all 并行请求，慢组件包 Suspense，并按需设置 next.revalidate、cache: 'no-store' 或 force-dynamic。5）打包优化：使用 @next/bundle-analyzer，按需动态导入，避免 barrel 导出。6）SEO：配置静态与动态 metadata、openGraph、twitter。7）生产配置：reactStrictMode、poweredByHeader: false、compress、removeConsole、图片 deviceSizes、experimental.reactCompiler 等。8）Core Web Vitals：LCP 使用 priority 与预加载，FID 减少 JS 执行并延迟第三方脚本，CLS 指定图片尺寸、预留空间、font-display: swap。9）缓存与监控：route segment 配置、标签失效，接入 SpeedInsights，运行 npx lighthouse 检查。
使用方式：该技能按需自动触发，按渲染、图片、字体、数据、打包、SEO、生产配置等类别逐项检查并输出优化报告，含问题分级、已应用优化、预计性能影响与后续步骤。
限制：需先确认项目为 Next.js 且版本符合要求；旧版 Pages Router 需先迁移；报告中的性能数值依赖实际测量，应以 Lighthouse 与 Web Vitals 验证为准。Skill 版本 1.0.0（2025-01-03）。