topskills

next-js-app-router

Next.js App Router by the book. Server components, streaming, parallel routes.

Score 0(?)VerifiedCodeby VercelSource
Verified for:

Install

$ npx skills add github.com/vercel-labs/agent-skills --skill next-js-app-router

Best for

Next.js 13+ teams that want App Router patterns idiomatic and not Pages-Router-flavored.

About this skill

Next.js App Router patterns: server components, streaming, parallel routes, intercepting routes, loading and error boundaries.

Next.jsReactApp Router

Score breakdown

Score breakdown

rubric 1.0
Install count
0/20
Provenance
12.8/15
GitHub stars
0/15
Recency
6/10
Compatibility
6/10
Documentation depth
6.5/10
Install ergonomics
10/10
License
5/5
Verification freshness
3/5

Composite 0–100 score derived from 9 verifiable signals. See the rubric →

Related skills

Official

Escape generic AI-generated UIs. Forces a bold, distinctive design direction before any code is written.

ReactTailwindDesign
All surfaces
Low1 min
Official

Self-contained HTML artifacts with React + shadcn/ui — no build step, just paste and run.

Reactshadcn/uiArtifacts
All surfaces
Low1 min
Official

Lock generated UIs to a brand. Anthropic's own guidelines, formalized as a skill.

BrandGuidelinesIdentity
All surfaces
Low1 min

Ranked #11 in Frontend & UI

Publish the ranking in your README. The badge reads the live score, so it updates when the ranking does.

next-js-app-router — ranked #11 in Frontend & UI on Top Agent Skills
Markdown
[![next-js-app-router — ranked #11 in Frontend & UI on Top Agent Skills](https://top-agent-skills.com/badge/next-js-app-router.svg)](https://top-agent-skills.com/skill/next-js-app-router)
HTML
<a href="https://top-agent-skills.com/skill/next-js-app-router"><img src="https://top-agent-skills.com/badge/next-js-app-router.svg" alt="next-js-app-router — ranked #11 in Frontend & UI on Top Agent Skills"></a>

Skill FAQ

About next-js-app-router

What is the next-js-app-router skill?

Next.js App Router patterns: server components, streaming, parallel routes, intercepting routes, loading and error boundaries.

Which agents does next-js-app-router work with?

Claude Code, Cursor, Codex CLI.

How do I install next-js-app-router?

Run `npx skills add github.com/vercel-labs/agent-skills --skill next-js-app-router` for Claude Code. See the install panel for per-agent commands.

Is next-js-app-router free to use?

Yes — next-js-app-router is open source (MIT).

Who maintains next-js-app-router?

next-js-app-router is published by Vercel and was last updated on 2026-04-25.

What is next-js-app-router best for?

Next.js 13+ teams that want App Router patterns idiomatic and not Pages-Router-flavored.