Can it help with Server Component vs. Client Component errors?

Yes, it specifically checks for 'use client' directives, identifies unnecessary client-side rendering, and ensures hooks like useState are used correctly.

Does this skill support the Next.js Pages Router?

While the skill is optimized for Next.js 13+ App Router patterns, it can detect Pages Router projects and provide general best practice feedback for React and Next.js configuration.

How does the skill detect a Next.js project?

It automatically identifies projects by looking for next.config.js, next.config.mjs, the 'next' dependency in package.json, or the presence of an app/ or pages/ directory.

Does it provide code examples for fixes?

Yes, the skill provides 'Good vs Bad' code comparisons and specific recommendations that Claude can use to refactor your code immediately.

Next.js Code Reviewer

Name: Next.js Code Reviewer
Author: physics91

byphysics91

0•

개발자 도구

Analyzes Next.js projects for App Router patterns, Server/Client component separation, and performance optimizations.

The Next.js Code Reviewer is a specialized auditing skill designed to ensure modern Next.js applications follow industry best practices and performance standards. It provides deep architectural analysis for projects using the App Router, helping developers maintain clean separation between Server and Client Components, optimize data fetching strategies, and implement secure Server Actions. By automating the detection of unoptimized images, fonts, and metadata, this skill accelerates the code review process and ensures high-performance Core Web Vitals for production-ready web applications.

주요 기능

01Optimized Next.js Image and Font implementation checks

02Security-focused Server Actions and input validation review

03Comprehensive App Router file structure validation

04Automatic Server vs. Client Component separation auditing

050 GitHub stars

06Data fetching and caching strategy recommendations

사용 사례

01Auditing Next.js pull requests for architectural compliance and performance bottlenecks

02Optimizing Core Web Vitals through automated image and font usage audits

03Migrating legacy Next.js applications to the modern App Router architecture

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add physics91/claude-vibe nextjs-reviewer

For use in Claude.ai and ChatGPT

Download Skill