Skills
.Work. You
Rest

nextjs-devtools

Community

DevTools for Next.js apps via MCP.

Software Engineering#debugging#components#next.js#mcp#devtools#routes#build-info
Authormjunaidca
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Next.js developers spend time inspecting routes, components, and build information to debug apps. This Skill provides MCP-based tooling to inspect Next.js apps, including routes, components, build info, and app structure.

Core Features & Use Cases

  • Route inspection: List all app routes
  • Route details: Get details for a specific route
  • Component discovery: List React components in the app
  • Build/config insights: Retrieve build info and next.config.js settings
  • Use when debugging Next.js apps or exploring app structure

Quick Start

Start an MCP-enabled Next.js devtools server and run tools like list-routes or list-components against your Next.js project.

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/mjunaidca/mjs-agent-skills/archive/main.zip#nextjs-devtools

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