Agent Skills
› rmyndharis/antigravity-skills
› nextjs-app-router-patterns
nextjs-app-router-patterns
GitHub掌握Next.js 14+ App Router模式，涵盖服务端组件、流式传输、并行路由及高级数据获取。适用于构建应用、SSR/SSG实现及React服务端组件优化。
Trigger Scenarios
使用App Router构建新的Next.js应用
从Pages Router迁移至App Router
实现服务端组件和流式传输
设置并行和拦截路由
优化数据获取与缓存
使用Server Actions构建全栈功能
Install
npx skills add rmyndharis/antigravity-skills --skill nextjs-app-router-patterns -g -y
SKILL.md
Frontmatter
{
"name": "nextjs-app-router-patterns",
"description": "Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR\/SSG, or optimizing React Server Components."
}
Next.js App Router Patterns
Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.
Use this skill when
- Building new Next.js applications with App Router
- Migrating from Pages Router to App Router
- Implementing Server Components and streaming
- Setting up parallel and intercepting routes
- Optimizing data fetching and caching
- Building full-stack features with Server Actions
Do not use this skill when
- The task is unrelated to next.js app router patterns
- You need a different domain or tool outside this scope
Instructions
- Clarify goals, constraints, and required inputs.
- Apply relevant best practices and validate outcomes.
- Provide actionable steps and verification.
- If detailed examples are required, open
resources/implementation-playbook.md.
Resources
resources/implementation-playbook.mdfor detailed patterns and examples.
Version History
- e63f7dd Current 2026-07-05 09:35
