next-cache-components-optimizer
vercelMake route shells appear instantly and stay regression-free.
Next.js performance
What it does
Optimizes a Next.js route’s static shell and ships an instant-navigation regression test.
When to use it
Use it to make route navigation instant, fix static-shell or first-paint problems, diagnose Suspense blockers, or write an instant() e2e guard.
How to use it
Give it a project and target route; it guides the agent through a verified instant-navigation optimization and leaves the regression test in the project.
What you provide
- the target route
- An existing project
Access · 2
This skill
a deployed or remote rig
Checks remote build liveness
the target route in a browser
Shows the route in a browser
What you need · 2
The project must use Next.js 16.3 or newer with cacheComponents enabled.
@next/playwright must be installed on the same release line as the project’s next package.
About this skill
- Visibility
- Public
- Repository
- vercel/next.js
- Created
- Oct 8, 2026
- Updated
- Oct 8, 2026
- Files
- 6