Description
next-dev-loop is an agent skill from Vercel's Next.js repository, listed on skills.sh. It covers the edit and verify rhythm during next dev: make a change, then confirm it works at runtime, not only that the types or the build pass. Verification uses two views of the same running app. The first is the /_next/mcp endpoint that Next.js exposes about itself, which knows framework-specific things such as routes, segments, React Server Components, server actions, server logs and errors as Next.js saw them. The second is agent-browser, a command-line tool that drives a real Chrome and knows the framework-agnostic side: the DOM, console, network, React fibers and web vitals. The skill tells the agent to run agent-browser skills get core once for the version-matched usage guide before driving it, rather than guessing subcommands. The two views are used to cross-check each other. A skill is a SKILL.md file of instructions that an AI agent loads when a task calls for it. It is free and open source, and the skills.sh listing shows all three security audits passing.…
Highlights
- Runtime check of a change in next dev
- Uses the /_next/mcp endpoint
- Drives Chrome with agent-browser
- Cross-checks the two views
Ratings & Reviews
No ratings yet
Be the first to rate next-dev-loop.
People also visit
diagnosing-superpowers
A superpowers session went wrong and your human partner wants to know why
agent-introspection-debugging
Structured self-debugging workflow for AI agent failures
blender-motion-state-inspection
Inspecting Blender characters, rigs, poses, animation retargeting
next-dev-loop FAQ
What does the next-dev-loop skill do?
It verifies that a Next.js change works in a running app, using the framework's own endpoint and a real browser, not only the compiler or the build.
What does the /_next/mcp view show?
Framework-specific information such as routes, segments, server actions, server logs and errors as Next.js saw them.
What is agent-browser?
A command-line tool that drives a real Chrome browser to inspect the DOM, console, network and React fibers.
How do I install it?
Run: npx skills add https://github.com/vercel/next.js --skill next-dev-loop
Is it free?
Yes. It is free and open source.
Are there security findings?
The skills.sh listing shows Gen Agent Trust Hub, Socket and Snyk all passing.
What are the best next-dev-loop alternatives?
Popular alternatives to next-dev-loop include diagnosing-superpowers, diagnose and diagnosing-bugs. See all next-dev-loop alternatives