next-dev-loop: a Claude Code skill by Vercel
Official
For Next.js developers on Turbopack who want each edit confirmed in a real browser. Skip it if you're below Next.js 16.3, on webpack, or not running next dev.
The skill's text changed on Nov 5, 2026, after we last read it. Our description may be behind.
- Score
- 78of 100
- Rank
- #82of 239
- Installs
- 25.4Kon skills.sh
- Security
- Clear 3 scanners
- Updated
- 2026
- Context
- ~72tokens always
Install
npx skills add https://github.com/vercel/next.js --skill next-dev-loop Run it in your terminal. View the source
Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app
What does next-dev-loop do?
next-dev-loop is a skill that checks a Next.js change in the running app instead of trusting the type checker. It needs next dev on Next.js 16.3 or later with Turbopack, plus agent-browser 0.31.1 or newer, and stops if either is missing. Preflight opens a worktree-scoped browser session that restores saved cookies, then probes /_next/mcp for get_compilation_issues and get_routes. After each edit it checks four things: the code compiles, it runs without errors, the page behaves as intended, and React renders look right through react-devtools. Teardown closes the session and saves login state for next time.
When should you use next-dev-loop?
Use it when
- You want proof an edit works at runtime, not just compiles
- You need to check server actions or RSC behavior after a change
- You want to catch extra React renders after an edit
Skip it when
- Your app is on webpack or Next.js below 16.3
- You don't keep next dev running while you work
What it needs and what it can touch
You need
- Next.js 16.3+ with Turbopack and a running next dev
- agent-browser 0.31.1 or newer, which drives Chrome
What it can do
- Runs shell commands (agent-browser)
- Calls the local /_next/mcp endpoint
- Saves browser cookies and local storage between sessions
- Can install agent-browser globally with npm
From reading its instructions, not from running it.
Why it scores 78
Strongest on upkeep (100 of 100), weakest on adoption (51).
Is next-dev-loop safe to install?
Every scanner that checked it passed it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.
| Scanner | Result | Date |
|---|---|---|
| Gen Agent Trust Hub | Passed | Nov 5, 2026 |
| Socket | Passed | Nov 4, 2026 |
| Snyk | Low risk | Nov 5, 2026 |
Details
- Installs
- 25,389
- Repository stars
- 143,476
- Last repository change
- Tokens always loaded
- about 72
- Tokens when used
- about 2,210
- License
- Not stated
- Data confidence
- High
Did it do the job for you?
Alternatives to next-dev-loop
All skills for this job-
Get webapp-testingwebapp-testing
For developers who want Claude to click through a web app running on their own machine and see what breaks.
-
Get argent-android-emulator-setupargent-android-emulator-setup
For mobile developers using Argent who need Claude to boot and connect to an Android emulator.
-
Get agent-browseragent-browser
For developers who want Claude to drive Chrome from the terminal to click, fill forms and take screenshots.
-
Get playwright-best-practicesplaywright-best-practices
For teams writing Playwright end-to-end, component or API tests who want a guide picked for each task.
next-dev-loop