nextjs-app-router-patterns – Coding skill for AI agents
Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.
Install the nextjs-app-router-patterns skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/nextjs-app-router-patterns-afe78.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /nextjs-app-router-patterns – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/nextjs-app-router-patterns-afe78.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $nextjs-app-router-patterns – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/nextjs-app-router-patterns-afe78.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /nextjs-app-router-patterns – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/nextjs-app-router-patterns-afe78.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /nextjs-app-router-patterns – then describe the task you want done.
SKILL.md content
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.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Related skills
- nodejs-backend-patterns – Comprehensive guidance for building scalable, maintainable, and production-ready Node.js…
- nodejs-best-practices – Node.js development principles and decision-making. Framework selection, async patterns…
- observability-and-instrumentation – Instruments code so production behavior is visible and diagnosable. Use when adding…
- obsidian-cli – Use the Obsidian CLI to read, create, search, and manage vault content, or to develop…
- odoo-automated-tests – Write and run Odoo automated tests using TransactionCase, HttpCase, and browser tour…
- odoo-migration-helper – Step-by-step guide for migrating Odoo custom modules between versions (v14→v15→v16→v17)…
- odoo-module-developer – Expert guide for creating custom Odoo modules. Covers __manifest__.py, model…
- odoo-rpc-api – Expert on Odoo's external JSON-RPC and XML-RPC APIs. Covers authentication, model calls…