Skills
.Work. You
Rest

nextjs-devtools

Community

Debug Next.js apps with MCP DevTools.

Software Engineering#debugging#next.js#mcp#devtools#mcp-client#route inspection
Author92Bilal26
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides MCP-based tooling to inspect Next.js routes, components, and build information, enabling faster debugging and app discovery.

Core Features & Use Cases

  • Inspect routes, components, and build info for Next.js applications.
  • Debug and explore Next.js projects within an MCP-enabled workflow.
  • Not applicable to general React or non-Next.js projects.
  • On-demand access to MCP tools via the included mcp-client and start-server.sh scripts, enabling quick, repeatable tasks.

Quick Start

Start the MCP server with bash scripts/start-server.sh (default port 8809), or run commands directly with the mcp-client. Examples:

  • List available tools: python3 scripts/mcp-client.py list --url http://localhost:8809
  • List routes: python3 scripts/mcp-client.py call -s "npx next-devtools-mcp@latest" -t list-routes
  • Get route info: python3 scripts/mcp-client.py call -s "npx next-devtools-mcp@latest" -t get-route-info -p '{"route":"/api/auth"}'

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nextjs-devtools
Download link: https://github.com/92Bilal26/TaskPilotAI/archive/main.zip#nextjs-devtools

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.