← All skills

nextjs-app-router

75 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a coding skill usually runs build and test commands.

By giuseppe-trisciuoglio/developer-kit (GitHub) · coding · 367 stars · scanned at commit fe73fb3

Provides patterns and code examples for building Next.js 16+ applications with App Router architecture. Use when creating projects with App Router, implementing Server Components and Client Components ("use client"), creating Server Actions for forms, building Route Handlers (route.ts), configuring caching with "use cache" directive (cacheLife, cacheTag), setting up parallel routes (`@slot`) or intercepting routes, migrating to proxy.ts, or working with App Router file conventions (layout.tsx, …

Works with any agent that supports SKILL.md skills.

Partially scanned — some files couldn't be read; we'll retry on the next scan

What this skill can do

Safer alternatives

Low-risk skills in the same category (coding) that look related. Check that one does what you need.

• 95 Low risknextjs-patternsyanacuti1121/Yana-AI · 11 stars
• 95 Low risknextjs-expertLeoYeAI/agent-master-skills · 2,186 stars
• 95 Low risknextjs-developerPIXARTSeu/Synapse · 12 stars

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'nextjs-app-router' ] || [ -L ~/.agents/skills/'nextjs-app-router' ]; then echo 'A skill folder named nextjs-app-router already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/giuseppe-trisciuoglio/developer-kit' "$d" && git -C "$d" checkout --quiet 'fe73fb33a09ee6562eeec7415a3f9a3bcf795177' -- 'plugins/developer-kit-typescript/skills/nextjs-app-router' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/developer-kit-typescript/skills/nextjs-app-router' ~/.agents/skills/'nextjs-app-router' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'nextjs-app-router' ~/.claude/skills/'nextjs-app-router' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for giuseppe-trisciuoglio/developer-kit shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/giuseppe-trisciuoglio/developer-kit.svg)](https://zalavijaysinh.github.io/skilltrust/repos/giuseppe-trisciuoglio/developer-kit/)

Score history