debug-route

What problem does it solve?

Tracing the complete lifecycle of a Next.js route from the incoming request through middleware, layouts, loading, and page rendering helps diagnose bottlenecks, auth flow issues, and data-fetching problems across the App Router.

Core Features & Use Cases

• Trace middleware checks and route resolution for a given path.
• Inspect render order across layouts and pages, including server and client components.
• Identify potential slow data fetches, missing loading states, or late auth checks.
• Useful for debugging route-specific performance, access control, and data flow.

Quick Start

Invoke the Skill with a route path, for example /debug-route /dashboard/settings to print the full render order and detected issues.