debug:nextjs

SKILL.md

This guide provides a systematic approach to debugging Next.js applications, covering common error patterns, debugging tools, and resolution strategies for both development and production environments.

Debug Next.js issues systematically. Use when encountering SSR errors, hydration mismatches like "Text content did not match", routing issues with App Router or Pages Router, build failures, dynamic import problems, API route errors, middleware issues, caching and revalidation problems, or performance bottlenecks. Covers both Pages Router and App Router architectures. Source: snakeo/claude-debug-and-refactor-skills-plugin.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:nextjs Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw