This one walks through your Next.js App Router code and flags issues with Server/Client Component boundaries, data fetching waterfalls, caching strategies, Server Actions security, and middleware scope. It's built for pre-merge reviews or architectural validation when you're unsure if you've pushed 'use client' too high up the tree or exposed sensitive operations. The examples are solid: it shows you how to parallelize fetches, add proper validation to Server Actions, and scope middleware with matchers instead of running auth checks on every static asset. It delegates to a separate TypeScript architecture agent for broader structural analysis, so think of this as the Next.js-specific layer that catches framework footguns before they hit production.

skills.sh installs
3.9K
GitHub stars
369
last updated
Aug 21, 2026

Install

$ npx -y skills add giuseppe-trisciuoglio/developer-kit --skill nextjs-code-review --agent claude-code

Installs into .claude/skills of the current project.

Files

Next.js Code Review

Overview

Evaluates Next.js App Router code against best practices for Server Components, Client Components, Server Actions, caching strategies, and production-readiness criteria. Produces actionable findings categorized by severity with concrete code examples. Delegates to typescript-software-architect-review agent for architectural analysis.

When to Use

  • Reviewing Next.js pages, layouts, and route segments before merging
  • Validating Server Component vs Client Component boundaries
  • Checking Server Actions for security and correctness
  • Reviewing data fetching patterns (fetch, cache, revalidation)
  • Evaluating caching strategies (static generation, ISR, dynamic rendering)
  • Assessing middleware implementations (authentication, redirects, rewrites)
  • Reviewing API route handlers for proper request/response handling
  • Validating metadata configuration for SEO
  • Checking loading, error, and not-found page implementations
  • After implementing new Next.js features or migrating from Pages Router

Instructions

Sponsors

Details

Repository
github.com/giuseppe-trisciuoglio/developer-kit
Categories
Frontend Development, Backend & APIs, Git & Pull Requests, Code Review & Quality, Debugging
First seen
May 16, 2026

More from giuseppe-trisciuoglio/developer-kit

All 102
1getsentry avatarsentry-nextjs-sdkgetsentry/sentry-for-aiFull Sentry SDK setup for Next.js. Use when asked to "add Sentry to Next.js", "install @sentry/nextjs", or configure error monitoring, tracing, session replay, 3.7Kskills.sh installs
2getsentry avatarsentry-react-sdkgetsentry/sentry-for-aiFull Sentry SDK setup for React. Use when asked to "add Sentry to React", "install @sentry/react", or configure error monitoring, tracing, session replay, profi3.2Kskills.sh installs
3nexu-io avatarfrontend-slidesnexu-io/open-designGenerate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.3Kskills.sh installs
4nexu-io avatargsap-reactnexu-io/open-designOfficial GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with Reac2.9Kskills.sh installs
5freshtechbro avatarreact-spring-physicsfreshtechbro/claudedesignskillsPhysics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation ut2.6Kskills.sh installs
6patternsdev avatarai-ui-patternspatternsdev/skillsTeaches design patterns for building AI-powered React interfaces. Use when creating chatbots, intelligent assistants, streaming UIs, or any AI-driven user exper2.2Kskills.sh installs