Setup & Installation
npx skills add https://github.com/vercel-labs/next-skills --skill next-best-practices
https://github.com/vercel-labs/next-skills/tree/main/skills/next-best-practices
View on GitHubWhat This Skill Does
A skill for writing and reviewing Next.js code across the full surface area of the framework. Covers file conventions, RSC boundaries, async API changes in Next.js 15+, metadata, image and font optimization, error handling, route handlers, and bundling.
Manually tracking all Next.js conventions across RSC boundaries, async API changes, and file structure is error-prone; this skill enforces the current rules automatically as you write code.
When to use it
- Catching async client component errors before they hit the browser
- Migrating params and cookies to the Next.js 15 async API
- Setting up OG image generation with next/og
- Configuring next/image for remote sources with responsive sizes
- Debugging hydration errors caused by browser-only APIs or invalid HTML