nextjs-16

1 stars 2 forks
17
B

Build Next.js 16 applications with the correct patterns. Use this skill when creating pages, layouts, middleware (now proxy.ts), dynamic routes, or upgrading from Next.js 15. Covers breaking changes like async params/searchParams, Turbopack defaults, proxy.ts (replacing middleware.ts), and cacheComponents.

Also in: pdf javascript

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install mjunaidca/mjs-agent-skills/nextjs-16
skilz install mjunaidca/mjs-agent-skills/nextjs-16 --agent opencode
skilz install mjunaidca/mjs-agent-skills/nextjs-16 --agent codex
skilz install mjunaidca/mjs-agent-skills/nextjs-16 --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/mjunaidca/mjs-agent-skills
2. Copy the agent skill directory:
cp -r mjs-agent-skills/docs/taskflow-vault/skills/engineering/nextjs-16 ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Stars
1
Forks
2
Type
Technical
Meta-Domain
development
Primary Domain
ci cd
Market Score
17

Agent Skill Grade

B
Score: 87/100 Click to see breakdown

Score Breakdown

Spec Compliance
11/15
PDA Architecture
27/30
Ease of Use
22/25
Writing Style
9/10
Utility
18/20

Areas to Improve

  • Description needs trigger phrases
  • Missing TOC for long file
  • Workflow lacks numbered steps

Recommendations

  • Add trigger phrases to description for discoverability
  • Add table of contents for files over 100 lines

Graded: 2026-01-24

Developer Feedback

I looked at your nextjs-16 skill and noticed you're tackling the async component patterns that most devs still find confusing in App Router—the streaming and Suspense integration feels like it actually accounts for real-world complexity rather than glossing over it, which is probably why you landed at an 87.

Links:

The TL;DR

You're at 87/100, solid B territory. This skill is grounded in Anthropic's best practices for agentic skill design. Your strongest area is Progressive Disclosure Architecture (27/30)—you've got the layering right with references tucked away cleanly. Weakest spot is Spec Compliance (11/15), mostly because your description is missing trigger phrases that help agents discover and activate the skill.

What's Working Well

  • Progressive Disclosure nailed it: You're not dumping everything into one massive wall of text. The SKILL.md uses ~719 lines efficiently with practical examples and clear separation into references (httpOnly-cookie-proxy.md, better-auth-integration.md). Token economy is excellent.

  • Triggering is thoughtful: Your activation keywords ("pages", "layouts", "middleware", "proxy.ts", "upgrading") are specific enough that an agent knows exactly when to reach for this skill, not generic buzzwords.

  • Real-world patterns over theory: You're showing actual httpOnly cookie forwarding, async params gotchas, and the migration checklist—the stuff devs actually need when upgrading, not just "here's what changed."

  • Consistent terminology: "proxy" (not middleware), "async params", "cacheComponents"—you stick to the actual Next.js 16 API names, which makes it grep-friendly and reduces confusion.

The Big One: Add Trigger Phrases to Your Description

...

Report Security Issue

Found a security vulnerability in this agent skill?