# Next Cache Components Optimizer (agent skill)

> Next Cache Components Optimizer is an agent skill (a SKILL.md file) from vercel/next.js. Optimize the meaningful UI available immediately from a Next.js route on an initial load (hard navigation) or named client-side navigation (soft navigation). It works with Claude Code and has 143,231 GitHub stars across a repository of 6 listed skills.

Optimize the meaningful UI available immediately from a Next.js route on an initial load (hard navigation) or named client-side navigation (soft navigation). Encode the goal as a failing @next/playwright instant() e2e and work it to green, one verified route and entry point at a time; the shipped test then guards against regression.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/vercel/next.js |
| Skill path | skills/next-cache-components-optimizer/SKILL.md |
| Skill name | next-cache-components-optimizer |
| GitHub stars | 143,231 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 6 |
| Plugin marketplace | nextjs |
| Official | yes |
| Works with | Claude Code |
| Category | Testing & QA |
| Last commit | Oct 6, 2026 |

## When it triggers

- Use when asked to grow a static shell, fix a slow first paint or non-instant navigation, diagnose which Suspense boundary blocks useful UI, or add instant() regression coverage.

## Add this skill

### Claude Code

```sh
/plugin marketplace add vercel/next.js
/plugin install nextjs@nextjs
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/vercel/next.js.git
cp -r next.js/skills/next-cache-components-optimizer .agents/skills/next-cache-components-optimizer   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/vercel/next.js.git
cp -r next.js/skills/next-cache-components-optimizer .cursor/skills/next-cache-components-optimizer   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/vercel-next-cache-components-optimizer
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.