---
title: "Cache Components Optimizer - Air Market"
description: "You have a page in your Next.js app that feels slow: the screen hangs when it first loads or when you click over to it from another page. This works on that page until its basic layout appears right…"
canonical: "https://airmarket.ai/app/next-cache-components-optimizer"
---

[Air Market](/) / [Developer Tools](/category/devtools) / Cache Components Optimizer

Skill by [Vercel](/@vercel)

# Cache Components Optimizer

Make a slow Next.js page appear the moment someone clicks

## What this does

You have a page in your Next.js app that feels slow: the screen hangs when it first loads or when you click over to it from another page. This works on that page until its basic layout appears right away. Reach for it when one route in particular feels sluggish and you want moving around the app to feel instant.

### Top 3 things it does for you

- Make this route's navigation instant
- Find out which loading boundary is holding this page back
- Fix the slow first paint on this route

## Information

**Cache Components Optimizer at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [Vercel](/@vercel) |
| Category | [Developer Tools](/category/devtools) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Languages | en |
| Size | 69 KB |
| Licence | MIT |
| Repository | [vercel/next.js](https://github.com/vercel/next.js/tree/268ae984aaf76a4128b07b8a9e3cffea75ddb1cf/skills/next-cache-components-optimizer) |
| GitHub stars | 143,433 (as of Nov 2026) |
| Installs | 20,801, counted by skills.sh (Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Cache Components Optimizer and flagged nothing. AIR's verdict: **safe**.

**What Cache Components Optimizer's check was run against**

|  |  |
| --- | --- |
| Commit | 268ae984aaf76a4128b07b8a9e3cffea75ddb1cf |
| Content hash | 54da6b89fed1c50e10cd6d7b30bccc2d1420e1e95f7b8a48c515f9e14654a2dc |
| Files read | [Browse the files at this exact commit](https://github.com/vercel/next.js/blob/268ae984aaf76a4128b07b8a9e3cffea75ddb1cf/skills/next-cache-components-optimizer/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for Cache Components Optimizer](/security/next-cache-components-optimizer)

## About Cache Components Optimizer

This works a Next.js route toward instant navigation, both when the page is first loaded and when someone moves to it from inside the app. It works under Cache Components and partial prerendering.

It starts by writing the goal down as a failing Playwright instant() end-to-end test, then works on the route until that test passes, one verified route at a time. The test stays in place afterwards and guards against the route becoming slow again.

Reach for it to make a route's static shell commit immediately, to fix a static shell that isn't being prerendered, served or prefetched, to grow a route's static shell, or to find which Suspense boundary is keeping a route out of it. It needs a recent Next.js with cacheComponents turned on, and points you to an upgrade if your version is too old.

## What's inside

- SKILL.md - instructions
- reference/patterns.md - reference
- reference/real-app-patterns.md - reference
- reference/red-test-robustness.md - reference
- rig-template.md - reference
- test-template.md - reference

## Questions

### Is Cache Components Optimizer safe to install?

AIR scanned this exact version of Cache Components Optimizer and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit 268ae984aaf7, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/next-cache-components-optimizer.

### How do I install Cache Components Optimizer?

Open https://airmarket.ai/app/next-cache-components-optimizer on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/vercel/next.js/tree/268ae984aaf76a4128b07b8a9e3cffea75ddb1cf/skills/next-cache-components-optimizer. Install from that link, not the branch.

## Related on Air Market

- [More Developer Tools listings](/category/devtools)
- [Everything by Vercel](/@vercel)

---

Canonical URL: <https://airmarket.ai/app/next-cache-components-optimizer>