nextjs-app-router-patterns 是帮助开发者组织 Next.js App Router 页面、数据读取和渲染方式的 Skill。它适用于新建应用、从 Pages Router 迁移，或整理一个已经把服务端和浏览器逻辑混在一起的页面。
它建议从服务端组件开始，把需要点击交互、浏览器接口等部分放进客户端组件。这样 AI 在写页面时，先判断代码该在哪里运行，再决定组件怎样拆。
遇到慢数据源，文档建议用 Suspense 分出独立的加载区域，让页面能够逐步呈现。比如商品页的一部分需要等待额外数据，可以为那部分安排加载状态，而不是只留一个不知道何时结束的整页空白。具体拆法仍要结合数据依赖。
文件约定也在它的范围内：页面、共享布局、加载状态、错误页和未找到页面各有对应入口。给 AI 一份页面需求时，可以顺便要求检查这些状态是否齐全。
资料面向 Next.js 14+，详细模式另有参考文件。实际项目里的缓存、数据更新和路由行为应核对所用版本；适合拿它作为架构起点，再结合项目约定实现和验证。