vercel avatar

Update Docs

If you're a Next.js maintainer reviewing PRs, this walks you through keeping docs in sync with code changes. It analyzes git diffs to figure out which documentation files need updates, then guides you step by step through the changes with confirmation prompts before each edit. The useful part is the code-to-docs mapping and the scaffolding templates for new features, plus it handles the AppOnly and PagesOnly component conventions for router-specific content. Includes lint validation to catch formatting issues before you commit. Built for the workflow where you're already looking at a branch and need to methodically work through the documentation debt.

skills.sh installs
2.4K
GitHub stars
139.5K
last updated
May 16, 2026

Install

$ npx -y skills add vercel/next.js --skill update-docs --agent claude-code

Installs into .claude/skills of the current project.

Files

Next.js Documentation Updater

Guides you through updating Next.js documentation based on code changes on the active branch. Designed for maintainers reviewing PRs for documentation completeness.

Quick Start

  1. Analyze changes: Run git diff canary...HEAD --stat to see what files changed
  2. Identify affected docs: Map changed source files to documentation paths
  3. Review each doc: Walk through updates with user confirmation
  4. Validate: Run pnpm lint to check formatting
  5. Commit: Stage documentation changes

Workflow: Analyze Code Changes

Step 1: Get the diff

# See all changed files on this branch
git diff canary...HEAD --stat

# See changes in specific areas
git diff canary...HEAD -- packages/next/src/

Step 2: Identify documentation-relevant changes

Look for changes in these areas:

Sponsors

Details

Repository
github.com/vercel/next.js
Categories
Frontend Development, Documentation, Automation & Workflows, Cloud & Infrastructure

More from vercel/next.js

All 14
1pproenca avatarnuqspproenca/dot-skillsnuqs (type-safe URL query state) best practices for Next.js and other React frameworks. This skill should be used when writing, reviewing, or refactoring code t2.4Kskills.sh installs
2josiahsiegel avatartailwindcss-animationsjosiahsiegel/claude-plugin-marketplaceTailwind CSS animations and transitions including built-in utilities and custom keyframes. PROACTIVELY activate for: (1) animate-* utilities (spin, ping, pulse,2.4Kskills.sh installs
3enzed avatarr3f-fundamentalsenzed/r3f-skillsReact Three Fiber fundamentals - Canvas, hooks (useFrame, useThree), JSX elements, events, refs. Use when setting up R3F scenes, creating components, handling t2.3Kskills.sh installs
4juliusbrussee avatarinterface-kitjuliusbrussee/skillsAuthoritative guide for implementing stunning, accessible, performant UI. Synthesizes design engineering philosophy, accessibility standards, animation principl2.3Kskills.sh installs
5nexu-io avatargsap-frameworksnexu-io/open-designOfficial GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue2.2Kskills.sh installs
6jezweb avatartanstack-startjezweb/claude-skillsBuild a full-stack TanStack Start app on Cloudflare Workers from scratch — SSR, file-based routing, server functions, D1+Drizzle, better-auth, Tailwind v4+shadc2.2Kskills.sh installs