Description
next-cache-components-optimizer is an agent skill from the Vercel Next.js repository, listed on skills.sh. It sets up a test-driven optimisation loop that moves a Next.js route from not instant to instant, meaning the meaningful UI appears immediately on an initial load or a client-side navigation. The goal is encoded as a failing instant test using the Playwright package for Next.js, then the route is worked until the test passes, and the test is kept as a regression guard. The loop runs once per target route and entry point, in ordered phases that each end in a gate. The skill begins by reading the bundled guide on optimising the static shell, falling back to the online guide, and it covers the navigation contract, the production test setup, a reliable red-to-green loop, a parity check and a report. 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
- Test-driven route optimisation
- Instant initial and soft navigations
- Playwright-based instant test
- Regression guard kept after the loop
Ratings & Reviews
No ratings yet
Be the first to rate next-cache-components-optimizer.
People also visit
next-cache-components-optimizer FAQ
What does the next-cache-components-optimizer skill do?
It runs a test-driven loop that makes a Next.js route show its meaningful UI immediately on load and on client navigation.
How does it measure success?
With a Playwright instant test that starts out failing and is driven to green.
Is the test kept afterwards?
Yes. The skill says to ship it as a regression guard.
Where does its guidance come from?
The bundled Optimizing the static shell guide in Next.js, or the online version.
How do I install it?
Run: npx skills add https://github.com/vercel/next.js --skill next-cache-components-optimizer
What are the best next-cache-components-optimizer alternatives?
Popular alternatives to next-cache-components-optimizer include next-partial-prefetching-optimizer, benchmark-optimization-loop and nextjs-turbopack. See all next-cache-components-optimizer alternatives