next-cache-components-optimizer

vercel/next.js

OfficialSkillLoads cleanly

Drive a Next.js route to instant navigation by setting up an agentic loop, under Cache Components / PPR, on initial load (hard navigation) and client-side…

Scores
out of 100 · grade A+

2026-08-22

Works

40% of the score

100/100

Loads cleanly: valid frontmatter, required fields present, no dangling references.

Maintained

25% of the score

100/100

no commits in the last 12 weeks

Adopted

20% of the score

71/100

8,900 installs on skills.sh.
141,880 stars on the source repo.

Documented

15% of the score

90/100

3,583 words with worked examples.
Ships 5 bundled files.

Loads cleanly. Every structural check Claude Code needs to register this passed. Last commit today.

Install

npx skills add vercel/next.js/next-cache-components-optimizer

What it says it does

Drive a Next.js route to instant navigation by setting up an agentic loop, under Cache Components / PPR, on initial load (hard navigation) and client-side navigation (soft navigation). Encode the goal as a failing @next/playwright instant() e2e and work it to green, one verified route at a time; the shipped test then guards against regression. Use when asked to make a route's navigation instant (its static shell commits immediately), fix a route whose static shell isn't prerendered/served/prefetched, grow a route's static shell or fix its slow first paint, diagnose which Suspense boundary keeps a route out of its static shell, or write the instant() e2e guard for one. Requires Next.js 16.3+ with cacheComponents; directs an upgrade if older.

Every number above came out of reading the file and its repository. Nothing is a judgement call, nothing is a model’s opinion, and nothing can be paid for. The full method is published. Source last committed 2026-08-22.

Also in vercel/next.js

Other artifacts published from the same repository.
Artifact	What the check found	Type	Reach	Last commit
sandbox-benchvercel/next.js	clean	Skill	142k stars	today
gh-stackvercel/next.js	clean	Skill	142k stars	today
update-docsvercel/next.js	clean	Skill	142k stars	today
next-cache-components-adoptionvercel/next.js	clean	Skill	9,145 installs	today
next-rspackvercel/next.js	clean	Skill	142k stars	today
router-actvercel/next.js	clean	Skill	142k stars	today

Other frontend & ui skills

Browse all

Same category, same type, ranked by score.
Artifact	What the check found	Category	Reach	Last commit
ui-ux-pro-maxnextlevelbuilder/ui-ux-pro-max-skill	clean	Frontend & UI	325,271 installs	yesterday
sandbox-benchvercel/next.js	clean	Frontend & UI	142k stars	today
gh-stackvercel/next.js	clean	Frontend & UI	142k stars	today
next-cache-components-adoptionvercel/next.js	clean	Frontend & UI	9,145 installs	today
hyperframes-registryheygen-com/hyperframes	clean	Frontend & UI	369,389 installs	today
designnextlevelbuilder/ui-ux-pro-max-skill	clean	Frontend & UI	19,875 installs	yesterday

Put this measurement in your README

A badge carrying how many listings this index holds from the repository and how many pass every static structural check. It reads from this index every time somebody loads your page, so it changes when the measurement changes and there is nothing to keep up to date. Free, no account, and the value is not something you or we can set by hand.

[![SkillWorks](https://toolproof.kynth.studio/badge/skillworks/vercel/next.js.svg)](https://skillworks.kynth.studio/?q=vercel%2Fnext.js)

Would rather not hotlink us? Every badge is also served in shields.io’s endpoint schema, so shields renders the image and your readers never talk to our domain:

Published by Toolproof, the masthead over this index and eight others. The method behind the number is at toolproof.kynth.studio/methodology, and the whole thing is readable as JSON with no key at /api.