By vercel-labs
Skill documenting and enforcing Next.js best practices for modern React development, performance optimization, and framework conventions.
npx claudepluginhub joshuarweaver/cascade-code-languages-misc-1 --plugin vercel-labs-next-skillsNext.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag
Upgrade Next.js to the latest version following official migration guides and codemods
Agent skills for common Next.js workflows.
Start here. These background skills are auto-applied to prevent common mistakes.
next-best-practicesCore Next.js knowledge:
'use client', 'use server', 'use cache'route.tsnext/image optimizationnext/font optimization# Install essentials (recommended)
npx skills add vercel-labs/next-skills --skill next-best-practices
# Or install everything
npx skills add vercel-labs/next-skills
Optional skills for specific needs. Invoke via slash commands.
next-upgradeUpgrading between Next.js versions with official migration guides.
npx skills add vercel-labs/next-skills --skill next-upgrade
next-cache-componentsNext.js 16 Cache Components and PPR. Covers cacheComponents: true, 'use cache' directive, cache profiles, cacheLife(), cacheTag(), and updateTag().
npx skills add vercel-labs/next-skills --skill next-cache-components
Background skills (next-best-practices) are automatically applied when relevant.
Slash commands for advanced skills:
/next-upgrade
/next-cache-components
For React-specific patterns (hooks, state management, component composition):
npx skills add vercel-labs/agent-skills --skill react-best-practices
Each skill follows the Agent Skills open standard:
skills/ with the skill name (prefix with next-)SKILL.md file with YAML frontmatter:
---
name: next-skill-name
description: Brief description
user-invocable: false # for background skills
---
.md files and reference them from SKILL.mdComprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Use this agent when you need expert assistance with React Native development tasks including code analysis, component creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a React Native app and needs help with a navigation issue. user: 'My stack navigator isn't working properly when I try to navigate between screens' assistant: 'Let me use the react-native-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a React Native specific issue, use the react-native-dev agent to provide expert guidance on navigation problems.</commentary></example> <example>Context: User wants to create a new component that follows the existing app structure. user: 'I need to create a custom button component that matches our app's design system' assistant: 'I'll use the react-native-dev agent to create a button component that aligns with your existing codebase structure and design patterns' <commentary>The user needs React Native component development that should follow existing patterns, so use the react-native-dev agent.</commentary></example>
Team-oriented workflow plugin with role agents, 27 specialist agents, ECC-inspired commands, layered rules, and hooks skeleton.
UI/UX design intelligence. 67 styles, 161 palettes, 57 font pairings, 25 charts, 15 stacks (React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Nuxt, Jetpack Compose). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.
Behavioral guidelines to reduce common LLM coding mistakes, derived from Andrej Karpathy's observations on LLM coding pitfalls