vercel-labs avatar

Next Best Practices

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.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
38
skills.sh 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-code

Installs 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 GitHub

Sponsors

Details

Repository
github.com/vercel-labs/next-skills
Categories
Frontend Development, Debugging, Cloud & Infrastructure

More from vercel-labs/next-skills

All 3
1addyosmani avatarperformance-optimizationaddyosmani/agent-skillsOptimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regres75.2Kskills.sh installs
2addyosmani avatarapi-and-interface-designaddyosmani/agent-skillsGuides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defini72.4Kskills.sh installs
3heygen-com avataranimejsheygen-com/hyperframesAnime.js adapter patterns for HyperFrames. Use when writing Anime.js animations or timelines inside HyperFrames compositions, registering animations on window._70Kskills.sh installs
4heygen-com avatarcontribute-catalogheygen-com/hyperframesAuthor a new HyperFrames registry block (caption style, VFX block, transition, lower third) or component (text effect, overlay, snippet) and ship it as an upstr55.5Kskills.sh installs
5jakubkrehel avatarbetter-uijakubkrehel/skillsDesign engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover stat45.8Kskills.sh installs
6antfu avatarviteantfu/skillsVite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building li41.7Kskills.sh installs