# Next Cache Components Optimizer

> Optimize the meaningful UI available immediately from a Next.js route on an initial load (hard na…

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. 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. Requires Next.js 16.3+ with Cache Components already adopted.

- Page: https://ss33.ai/skills/vercel/next-cache-components-optimizer-375037046
- Publisher: vercel
- Category: [Software Development](https://ss33.ai/skills/category/software-development-t44z8z) › [Frontend & UI](https://ss33.ai/skills/category/software-development-t44z8z/frontend-and-ui-q25e9r)
- Source: https://github.com/vercel/next.js/blob/ef0bc5f39a8e7bc9169830bd8b4391c69f5a44b5/skills/next-cache-components-optimizer/SKILL.md

## Skill

This skill's licence does not allow redistribution, so the store does not serve its text. Get it from the author: https://github.com/vercel/next.js/blob/ef0bc5f39a8e7bc9169830bd8b4391c69f5a44b5/skills/next-cache-components-optimizer/SKILL.md