Download for MacApple silicon, macOS 14+
Skill

nextjs-turbopack

@affaan-m Updated 2026-10-15

Next.js 16+ and Turbopack guidance — incremental Rust bundling, file-system caching, faster dev startup and HMR, Turbopack vs webpack tradeoffs, and the middleware.ts to proxy.ts filename change. Use when developing or debugging Next.js 16+ apps, diagnosing slow dev startup or hot reload, choosing between bundlers, or reviewing middleware/proxy file naming.

ai-agentsanthropicclaudeclaude-codedeveloper-toolsllmmcpproductivity

Install

With your agent

Install OMGSkills skill "affaan-m/ecc:nextjs-turbopack" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.

Manual command

git clone https://github.com/affaan-m/ECC /tmp/ECC && ln -s /tmp/ECC/skills/nextjs-turbopack ~/.claude/skills/nextjs-turbopack

From README

Next.js and Turbopack Next.js 16+ uses Turbopack by default for local development: an incremental bundler written in Rust that significantly speeds up dev startup and hot updates. When to Use Turbopack (default dev): Use for day-to-day development. Faster cold start and HMR, especially in large apps. Webpack (legacy dev): Use only if you hit a Turbopack bug or rely on a webpack-only plugin in dev. Disable with --webpack (or --no-turbopack depending on your Next.js version; check the docs for your release). Production: Production build behavior (next build) may use Turbopack or webpack depending on Next.js version; check the official Next.js docs for your version. Use when: developing or debugging Next.js 16+ apps, diagnosing slow dev startup or HMR, or optimizing production bundles. How It Works Turbopack: Incremental bundler for Next.js dev. Uses file-system caching so restarts are much faster (e.g. 5–14x on large projects).