nextjs-code-reviewer

Community

Automate Next.js App Router code reviews.

Authormasanao-ohba
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill automates the code-review process for Next.js App Router projects, ensuring consistent architecture and quality gates across teams.

Core Features & Use Cases

  • App Router structure checks: verify presence of page.tsx, layout.tsx, app/api structure, and proper placement of loading, error, and not-found components.
  • Server vs Client guidance: enforce server components as default, with client components scoped to minimal usage and prop-driven data fetching.
  • Data fetching, routing, and metadata quality: provide guidelines for async data loading, routing params, and metadata generation.
  • CI-ready outputs: generate actionable feedback suitable for automated pipelines and pull request reviews.

Quick Start

Run the nextjs-code-reviewer against your Next.js project directory to receive a structured report of issues and remediation steps.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nextjs-code-reviewer
Download link: https://github.com/masanao-ohba/claude-manifests/archive/main.zip#nextjs-code-reviewer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.