nextjs-app-architecture
Installation
SKILL.md
Next.js App Architecture
Use when building or refactoring Next.js 16+ App Router apps. The skill is organized into focused references — load only the ones relevant to the current task.
When to read which reference
The references are split into two zones. Load only what the task calls for.
Core (load for any RSC Next.js app)
| Task | Read |
|---|---|
| Creating a new feature, deciding folder structure, naming files | references/feature-folders.md |
| Writing a query or server action, invalidating cached data | references/queries-actions.md |
Building a server/client component, designing a skeleton, using use() |
references/components.md |
Composing a page, placing <Suspense>, preventing CLS |
references/pages-suspense.md |