Draw diagrams for the Next.js docs in the style of the ones already published there: the light/dark PNGs an mdx references with `<Image srcLight="/docs/light/<name>.png" srcDark="/docs/dark/<name>.png">`. Use when a guide or API reference needs a new diagram or an existing one needs a change. Hand-written SVG from a primitives library, rendered by headless Chrome at 2x. No AI image generation.

source

在 SkillsMP 查看

next-bundle-optimizer

SkillSkillsMP

io.github.vercel/next.js/next-bundle-optimizer

Audit and reduce Next.js browser initial-load work. Use for slow route startup, oversized client bundles, duplicate browser dependencies, or features that can wait for interaction.

source

在 SkillsMP 查看

next-partial-prefetching-optimizer

SkillSkillsMP

io.github.vercel/next.js/next-partial-prefetching-optimizer

Optimize what selected Next.js client navigations include before the click under Partial Prefetching. Use after Cache Components and Partial Prefetching are adopted when the user wants selected URL-specific UI to be instant, wants reusable content to wait for navigation, or needs to choose between default, viewport, and intent prefetching. Requires Next.js 16.3+.

source

在 SkillsMP 查看

创建 Next.js PR

SkillSkillsMP

io.github.vercel/next.js/create-pr

为 Next.js 创建 Git 分支、commit、push 和 GitHub pull request。当用户要求建分支、提交当前改动、开 PR 或草稿 PR、发布 pull request，或从 gh pr create / PR 模板问题中恢复时使用。涵盖 .github/pull_request_template.md、--body 格式、codex/ 分支命名以及 Codex 应用的 git 指令。

source

在 SkillsMP 查看

Next.js PR 回移

SkillSkillsMP

io.github.vercel/next.js/backport-pr

把已合并到 canary 的 Next.js pull request 回移植到更早的发布分支（如 next-16-2）。当用户要求 backport、cherry-pick 或为某 PR 号向旧 Next.js 版本开回移植 PR 时使用。流程包括定位已合并 PR 的 commit、从目标发布分支拉回移植分支、从 canary cherry-pick、验证并以发布分支为 base 开 PR。

source

在 SkillsMP 查看

启用 Partial Prefetching（Next.js）

SkillSkillsMP

io.github.vercel/next.js/next-partial-prefetching-adoption

在 Next.js 应用中开启 Partial Prefetching 并消化其给出的洞察。当用户要启用或接入 Partial Prefetching、切换 partialPrefetching 标志、用 export const prefetch = 'partial' 让路由接入、审计 Link prefetch={true} 行为、用 instant() 测试保护已预取的 UI，或解决 instant-link-prefetch-partial 与 instant-shell-url-data 洞察时使用。

source

在 SkillsMP 查看

Cache Components 秒开优化（Next.js）

SkillSkillsMP

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

在 Cache Components / PPR 下，为把 Next.js 路由做到即时导航设定 agent 循环，覆盖首次加载（hard navigation）与客户端导航（soft navigation）。把目标编码为一个失败的 @next/playwright instant() e2e 并逐路由跑绿；固化的测试随后可防回归。当需要让某路由导航即时（static shell 立即 commit）、修复 static shell 未被预渲染/服务/预取的路由、扩大 static shell 或修复首屏缓慢、诊断是哪个 Suspense boundary 让路由无法进入 static shell，或为某个路由编写 instant() e2e 守卫时使用。需要 Next.js 16.3+ 且启用 cacheComponents；版本过旧则先升级。

source

在 SkillsMP 查看