nextjs-mcp
Next.js framework integration utilities and server components
When & Why to Use This Skill
The Next.js MCP Skill is a powerful integration designed to optimize the development workflow for Next.js applications. It provides specialized utilities for managing the App Router, React Server Components (RSC), and API routes, enabling developers to achieve up to 90% context savings. By automating route analysis and component auditing, it streamlines the creation of high-performance, SEO-friendly web applications.
Use Cases
- Route & Middleware Analysis: Automatically map out complex App Router structures and analyze middleware logic to ensure efficient request handling and security.
- RSC & Client Component Auditing: Identify 'use client' directives and analyze React Server Components to optimize data fetching patterns and reduce client-side JavaScript overhead.
- Automated Build & Quality Control: Streamline the development lifecycle by triggering production builds, dev servers, and Next.js linting directly through the AI agent for faster iteration cycles.
| name | nextjs-mcp |
|---|---|
| description | Next.js framework integration utilities and server components |
| version | 1.0.0 |
| allowed-tools | [Bash, Read, Glob] |
Next.js MCP Skill
Overview
Next.js framework integration with App Router, Server Components, and API routes. 90%+ context savings.
Tools (Progressive Disclosure)
Route Analysis
| Tool | Description |
|---|---|
| list-routes | List all app routes |
| analyze-route | Analyze route handler |
| check-middleware | Analyze middleware |
Component Analysis
| Tool | Description |
|---|---|
| list-components | List server/client components |
| detect-use-client | Find 'use client' directives |
| analyze-rsc | Analyze React Server Components |
Build & Deploy
| Tool | Description | Confirmation |
|---|---|---|
| build | Run production build | Yes |
| dev | Start dev server | No |
| lint | Run Next.js linting | No |
Agent Integration
- developer (primary): Next.js development
- react-component-developer (secondary): Component work