What kind of report does it generate?

It produces a verdict (Approved, With Caveats, or Requires Changes) and classifies findings as violations, improvements, or compliant highlights.

What files does the review-review skill analyze?

It primarily analyzes files changed in git (staged or unstaged) or a specific directory scope you provide as an argument.

What specific Next.js patterns does it check?

It validates Server Components vs Client Components usage, Server Action directives, revalidatePath requirements, and correct directory naming conventions.

Does this work with any Next.js project?

Yes, but it is optimized for projects that follow a structured architecture defined in an ARCHITECTURE.md file, specifically checking for service/adapter patterns.

Can it run my existing tests?

Yes, it automatically runs Vitest, ESLint, and TypeScript (tsc) to ensure code changes don't break existing functionality or types.

Next.js Architecture Reviewer

Name: Next.js Architecture Reviewer
Author: HerbertJulio

byHerbertJulio

•

Collaboration Tools

Validates code changes against architectural patterns, type safety, and security standards for Next.js applications.

The Next.js Architecture Reviewer skill automates the pull request review process by analyzing git-diffed files and verifying them against a project's ARCHITECTURE.md. It ensures strict compliance with modern Next.js patterns, such as proper usage of 'use client' and 'use server' directives, separation of concerns between services and adapters, and correct state management practices. By running TypeScript, ESLint, and Vitest checks alongside its specialized architectural analysis, it provides a comprehensive report with actionable verdicts for developers before merging code.

Key Features

01Git-integrated change detection for targeted file reviews

0210 GitHub stars

03Automated architectural pattern validation against ARCHITECTURE.md

04Integrated linting, type-checking, and unit test execution

05Categorized feedback reports with specific VIOLATION or ATTENTION flags

06Strict Next.js component and Server Action compliance checks

Use Cases

01Automated vetting of Next.js Server Components and Client Components logic

02Pre-merge code reviews to ensure team architectural standards are met

03Identifying cross-module boundary violations in complex monorepos

Key Features

01Git-integrated change detection for targeted file reviews

0210 GitHub stars

03Automated architectural pattern validation against ARCHITECTURE.md

04Integrated linting, type-checking, and unit test execution

05Categorized feedback reports with specific VIOLATION or ATTENTION flags

06Strict Next.js component and Server Action compliance checks

Use Cases

01Automated vetting of Next.js Server Components and Client Components logic

02Pre-merge code reviews to ensure team architectural standards are met

03Identifying cross-module boundary violations in complex monorepos