Next Best Practices
vercel-labs/next-skillsOfficial
Comprehensive Next.js linting that catches the stuff your regular ESLint misses. Detects async client components, non-serializable props across RSC boundaries, and improper Server Action usage. Flags Next.js 15+ async API violations like treating params as synchronous. Enforces image optimization with next/image, proper metadata generation, and correct file conventions for app router. Also checks for hydration gotchas like browser API calls during SSR and missing Suspense boundaries around useSearchParams. Essential if you're working with app router complexity or migrating between Next.js versions where the rules keep changing.
- installs
- 98.5K
- GitHub stars
- 899
- last updated
- Jun 3, 2026
Install
$ npx -y skills add vercel-labs/next-skills --skill next-best-practices --agent claude-codeInstalls into .claude/skills of the current project.
Files
Comprehensive Next.js linting that catches the stuff your regular ESLint misses. Detects async client components, non-serializable props across RSC boundaries, and improper Server Action usage. Flags Next.js 15+ async API violations like treating params as synchronous. Enforces image optimization with next/image, proper metadata generation, and correct file conventions for app router. Also checks for hydration gotchas like browser API calls during SSR and missing Suspense boundaries around useSearchParams. Essential if you're working with app router complexity or migrating between Next.js versions where the rules keep changing.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/vercel-labs/next-skills
- Categories
- Frontend Development, Debugging, Cloud & Infrastructure
