vercel-labs

Next Skills — Development agent for Claude Code

Development community intermediate

Agent skills for common Next.js workflows.

How to install Next Skills

This entry records only its repository, not the path inside it, so there is no exact command to give. Open vercel-labs/next-skills and copy the folder into ~/.claude/agents/.

What Next Skills does

Agent skills for common Next.js workflows.

Alternatives in Development

Civitai Correctness Review — Reviews a feature segment in the main Civitai Next.js app (src/) for safety gaps — authorization scoping, mone 7.2k ★
Simple Code Reviewer — Lightweight code reviewer for quick quality checks 5.7k ★
Pbx Translation Expert — Управление переводами технических текстов PBX/Asterisk с русского на другие языки 571 ★

README

Next.js Agent Skills

Agent skills for common Next.js workflows.

Essential Skills

Start here. These background skills are auto-applied to prevent common mistakes.

`next-best-practices`

Core Next.js knowledge:

File Conventions - Project structure and special files
RSC Boundaries - Server/Client Component rules
Data Patterns - Fetching and mutation strategies
Async Patterns - Next.js 15+ async APIs
Directives - 'use client', 'use server', 'use cache'
Functions - Navigation hooks, server functions, generate functions
Runtime Selection - Node.js vs Edge runtime
Error Handling - Error boundaries and redirects
Route Handlers - API routes with route.ts
Metadata - SEO, OG images, sitemaps
Image - next/image optimization
Font - next/font optimization
Bundling - Package compatibility, CSS imports, polyfills
Scripts - Third-party scripts, Google Analytics
Hydration Errors - Debugging mismatches
Suspense Boundaries - CSR bailout, Cache Components requirements
Parallel Routes - Modal patterns with intercepting routes
Self-Hosting - Docker, standalone output, ISR

...