后端开发SkillsMP 同步
next-cache-components-optimizer
功能描述与核心用途
云端硬盘 Next. js 路由即时导航设置项 up agentic 循环, 缓存组件 / PPR, 初始加载 (hard 导航) 客户端-端导航 (soft 导航). Encode goal failing @next/playwright 即时()
EN: 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()
运行宿主与模型建议
- 运行宿主：Claude Code / Codex CLI / OpenClaw / Cursor 等命令行 AI Agent
- 推荐模型：工具调用稳定、响应快的模型
- 安装后重启 / 刷新 Agent 即可识别，用自然语言调用，无需额外中转服务。
安装与使用教程 按对应通道操作，命令可直接复制
- 第一步 · 准备环境：确认已安装 Git，终端执行
git --version能显示版本号；这类 Skill 以克隆目录的方式安装。 - 第二步 · 按你使用的 Agent 选一条克隆命令：Claude Code 全局生效（推荐）：仅当前项目生效：
git clone https://github.com/vercel/next.js ~/.claude/skills/next.jsOpenClaw 生效：git clone https://github.com/vercel/next.js .claude/skills/next.js该 Skill 在仓库内的路径：git clone https://github.com/vercel/next.js ~/.openclaw/workspace/skills/next.jsskills/next-cache-components-optimizer/SKILL.md，让 Agent 使用该子目录即可。 - 第三步 · 安装依赖（按需）：进入克隆目录，若含
requirements.txt执行pip3 install -r requirements.txt；若含package.json执行npm install。 - 第四步 · 加载调用：重启或刷新 Agent 让它识别新 Skill，之后直接用自然语言描述需求即可自动调用。
- 第五步 · 卸载：直接删除对应的 skills 文件夹即可。
发给 AI 的安装提示词
请帮我安装并启用开源 Skill「next-cache-components-optimizer」（开源仓库 vercel/next.js/skills-next-cache-components-optimizer），它的作用是：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()。请先检查 Git 环境（git --version，没有就先安装）；然后根据我正在使用的 Agent，把仓库克隆到对应的 skills 目录（Claude Code：git clone https://github.com/vercel/next.js ~/.claude/skills/next.js；OpenClaw：git clone https://github.com/vercel/next.js ~/.openclaw/workspace/skills/next.js 完成安装；若目录里有依赖文件请一并安装；之后重载技能列表确认已被识别，并用一个最简单示例演示如何用自然语言调用它；如果报错请自动排查修复，最后告诉我使用方法。 该 Skill 在仓库内的子目录为 skills/next-cache-components-optimizer/SKILL.md，请使用该路径。调用示例（自然语言）
> 调用对应工具完成这个操作，并把结果反馈给我
关联标签
同区域相关 Skill