General
next-compile - Claude MCP Skill
Check Next.js compilation errors via a running dev server. Turbopack only. MANDATORY after every code edit before reporting work complete. Replaces `next build`.
SEO Guide: Enhance your AI agent with the next-compile tool. This Model Context Protocol (MCP) server allows Claude Desktop and other LLMs to check next.js compilation errors via a running dev server. turbopack only. mandatory after every cod... Download and configure this skill to unlock new capabilities for your AI workflow.
Documentation
SKILL.md# Check Next.js compilation errors **MANDATORY**: after any `Edit`/`Write`, run step 2 before telling the user the change is done. Never run `next build`. Turbopack only — the script bails on webpack. 1. Find the port of a running `next dev` — check listening processes. If you can't find it, ask the user. 2. Run: ```bash node ./scripts/check.mjs <port> ``` 3. Fix actionable errors. Ignore noise or pre-existing unrelated failures. 4. Only report the edit complete once step 2 returns clean (or only pre-existing failures).
Signals
Information
- Repository
- vercel/next.js
- Author
- vercel
- Last Sync
- 5/21/2026
- Repo Updated
- 5/21/2026
- Created
- 4/9/2026
Reviews (0)
No reviews yet. Be the first to review this skill!
Related Skills
CLAUDE
CLAUDE.md - Resume Matcher
next-partial-prefetching-adoption
Turn on Partial Prefetching in a Next.js app and work through the insights it surfaces. Use when the user wants to enable or adopt Partial Prefetching, flip the `partialPrefetching` flag, opt routes in with `export const prefetch = 'partial'`, audit `Link prefetch={true}` behavior, preserve existing prefetched UI with `instant()` tests, or resolve the instant-link-prefetch-partial and instant-shell-url-data insights.
next-dev-loop
Verify Next.js runtime behavior after editing app code. Use this skill to confirm a change actually works in a running app — not just that it compiles or type-checks. Combines /_next/mcp (Next.js's view) with agent-browser (the browser's view). Requires a running `next dev`.
next-cache-components-adoption
Turn on Cache Components in a Next.js app and resolve the blocking routes it surfaces. Use when the user wants to enable, adopt, or migrate to Cache Components, flip the `cacheComponents` flag, work through a flood of blocking-prerender / instant validation errors, run the `cache-components-instant-false` codemod, or decide between opting routes out with `export const instant = false` and fixing them in place.
Related Guides
Mastering Next.js, Material UI, and Tailwind CSS with Claude: A Complete Guide to the Portfolio2 Skill
Learn how to use the nextjs material ui tailwind css Claude skill. Complete guide with installation instructions and examples.
Mastering Modern Web Development with the Next.js React Tailwind Claude Skill
Learn how to use the nextjs react tailwind Claude skill. Complete guide with installation instructions and examples.
Mastering Next.js Development with the "nextjs tailwind typescript apps" Claude Skill
Learn how to use the nextjs tailwind typescript apps Claude skill. Complete guide with installation instructions and examples.