Next.js DevTools MCP Skill

Skill by ara.so — Devtools Skills collection.

Expert skill for using next-devtools-mcp, a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding agents. Provides runtime diagnostics, documentation search, browser automation, and development workflow automation for Next.js projects.

What is next-devtools-mcp?

next-devtools-mcp is an MCP server that gives AI coding agents powerful Next.js development capabilities:

• Runtime Diagnostics (Next.js 16+): Query running Next.js applications for errors, routes, logs, and real-time state
• Documentation Search: Access official Next.js docs and knowledge base directly in conversations
• Browser Automation: Test and verify Next.js pages with Playwright integration
• Development Workflows: Automated upgrade guides and feature enablement prompts

Installation

Quick Install (Recommended)