Nextjs App Router Audit

Stop guessing why your Next.js app is slow or breaking SEO

Modern Next.js development requires a deep understanding of the App Router's server/client boundaries. This skill provides a specialized diagnostic toolkit designed to audit codebases for performance bottlenecks, SEO regressions, and architectural anti-patterns that standard linters miss.

What it does

The skill combines a zero-dependency static scanner with a sophisticated manual review methodology. It identifies critical issues like metadata being ignored in Client Components, sequential request waterfalls, and missing streaming fallbacks. Beyond simple detection, it provides ranked severity reports and concrete code fixes for every issue found.

• Detects SEO-killing errors like using next/head in the App Router.
• Identifies performance drains such as unoptimized fonts and useEffect fetch waterfalls.
• Analyzes Server Component boundaries to ensure minimal JS is sent to the browser.
• Audits caching strategies and Suspense placement for optimal Core Web Vitals.

Why use this over basic prompting?

Simply asking an AI to "fix my Next.js app" often results in generic advice. This skill uses a specialized scanning script to trace your actual file tree, finding specific line numbers where rules are violated. It understands the nuance between a necessary Client Component and an accidental one, helping you maintain a high-performance "server-first" architecture.