Agent skill · software engineering · aiskillstore
nextjs-devtools
Next.js development tooling via MCP. Inspect routes, components, build info, and debug Next.js apps. Use when working on Next.js applications, debugging routing, or inspecting app structure. NOT for general React or non-Next.js projects.
Why this skill is useful
Adds executable scripts for inspecting and debugging Next.js applications that are not available in public documentation.
What it needs
Requires node, python3 installed locally. About 1k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Next.js DevTools Inspect and debug Next.js applications via MCP server. Quick Start Available Tools Tool Description ------ ------------- list-routes Get all app routes get-route-info Details for specific route list-components React components in app get-build-info Build configuration get-config next.config.js settings Workflow Patterns Pattern 1: Route Inspection Pattern 2: Debug Build Issues Pattern 3: Component Discovery Scripts start-server.sh For persistent server (multiple calls): On-Demand (Recommended) For single calls, use -s flag which spawns server per-call: Troubleshooting Issue Solution ------- ---------- Server not starting Check npx next-devtools-mcp@latest works manually No routes found Ensure running from Next.js project root Build info empty Run next build first
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/nextjs-devtools