next-cache-components-optimizer — Agent Skill 安装配置（SkillsMP） · AgentHub

next-cache-components-optimizer — Agent Skill 安装配置（SkillsMP）

Name: next-cache-components-optimizer
Author: vercel

SkillSkillsMP

io.github.vercel/next.js/next-cache-components-optimizer · vcanary

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.

在 SkillsMP 查看 ↗源仓库 ↗

热度数据

仓库星标142.1k

概览

next-cache-components-optimizer 是一个Agent Skill，收录自 SkillsMP。本页提供 Cursor、Claude Code 等客户端的安装配置片段。

适用场景

代码审查与 GitHub Cursor 开发必备

Agent Skill 是带 SKILL.md 的指令包。安装后，AI 会根据 description 在匹配任务时自动加载，无需每次手动粘贴提示词。

安装

选择你的平台查看安装方式

选择安装方式

# 改 -a 切换客户端：cursor | claude-code | codex | github-copilot
npx skills add vercel/next.js@next-cache-components-optimizer -a cursor -y

统一 Manifest

{
  "id": "io.github.vercel/next.js/next-cache-components-optimizer",
  "type": "skill",
  "version": "canary",
  "displayName": "next-cache-components-optimizer",
  "description": "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.",
  "author": {
    "name": "vercel",
    "url": "https://github.com/vercel"
  },
  "repository": {
    "url": "https://github.com/vercel/next.js",
    "source": "github",
    "subfolder": "skills/next-cache-components-optimizer"
  },
  "homepage": "https://skillsmp.com/creators/vercel/next.js/skills-next-cache-components-optimizer",
  "distribution": {
    "packages": [
      {
        "registryType": "source",
        "identifier": "vercel/next.js@next-cache-components-optimizer",
        "version": "canary",
        "runtimeHint": "npx skills add"
      }
    ],
    "remotes": []
  },
  "dependencies": [],
  "installTargets": [
    "claude-code",
    "claude-desktop",
    "cursor",
    "codex",
    "vscode"
  ],
  "keywords": [
    "repo_stars:142078"
  ],
  "provenance": {
    "origin": "skillsmp",
    "originalId": "vercel-next-js-skills-next-cache-components-optimizer-skill-md",
    "originalUrl": "https://skillsmp.com/creators/vercel/next.js/skills-next-cache-components-optimizer",
    "isOfficial": false,
    "status": "active"
  }
}

next-cache-components-optimizer — Agent Skill 安装配置（SkillsMP）

概览

适用场景

安装

使用方式

相关资源

building-html-canvases

policy-and-managed-settings

triage-codacy

triage-codeql

packaging-static-installer

docs-learn-site-structure

统一 Manifest