How do I install the React Nextjs App Router skill?

Run npx skillmds@latest add jajabong/react-nextjs-app-router in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the React Nextjs App Router skill do?

Build Next.js App Router applications. It is listed under Web & Frontend on SkillMD.

Is React Nextjs App Router safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with React Nextjs App Router?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is React Nextjs App Router free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published React Nextjs App Router?

jajabong (@jajabong) published this skill. Their other Agent Skills are listed on their SkillMD profile.

React Nextjs App Router

Name: React Nextjs App Router
Rating: 4.2 (5 reviews)
Author: jajabong

Build Next.js App Router applications.

jajabong Updated Sep 22, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add jajabong/react-nextjs-app-router

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download SKILL.md

＋ Add to plugin

README badge

[![SkillMD](https://skillmd.com/badge/jajabong/react-nextjs-app-router.svg)](https://skillmd.com/skills/jajabong/react-nextjs-app-router)

Trust & safety

Audits pending

Not yet audited · commit b633c0f

Permissions this skill uses

Documentation only
No scripts, network access, or credentials are involved.

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

See /Users/henry/hermes-wiki/concepts/react-nextjs-app-router.md for full content.

Trigger

Queen is building a Next.js App Router app and needs server/client boundaries, data fetching, Server Actions, streaming, or shadcn/ui.

See /Users/henry/hermes-wiki/concepts/react-nextjs-app-router.md for the full wiki concept.

Full description

Build Next.js App Router apps: server vs client components, data fetching patterns, Server Actions, streaming, or shadcn/ui integration.

Pointer

Wiki: /Users/henry/hermes-wiki/concepts/react-nextjs-app-router.md Sourced from: vercel/next.js; reactjs/react.dev; shadcn-ui/ui

Promotion criteria

Per skill-write-policy: this stub stays until the same workflow succeeds in 2+ real tasks. Then expand stub to full SKILL.md with numbered steps, copy-paste commands, and verification.

jajabong/hermes-skills-index/tree/main/skills/software-development/react-nextjs-app-router commit b633c0f200

Frequently asked questions

npx skillmds@latest add jajabong/react-nextjs-app-router