Best Best AI Agent Skills for Next.js Development

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 57 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Apply these rules when writing or reviewing Next.js code.

Build system for JavaScript/TypeScript monorepos. Turborepo caches task outputs and runs tasks in parallel based on dependency graph.

Smart dependency management for any language with automatic detection and safe updates.

Vite is a next-generation frontend build tool with fast dev server (native ESM + HMR) and optimized production builds.

Vitest is a next-generation testing framework powered by Vite, providing a Jest-compatible API with native ESM, TypeScript, and JSX support out of the box.

Set up the Agentation annotation toolbar in this project for Next.js applications.

Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.

Cache Components enable Partial Prerendering (PPR) - mix static, cached, and dynamic content in a single route.

This skill enables retrieval of current documentation for software libraries and components by querying the Context7 API via curl. Use it instead of relying on potentially outdated training data.

Upgrade the current project to the latest Next.js version following official migration guides.

Principles for Next.js App Router development.

Implements modern frontend development patterns specifically for React and Next.js applications. Using these patterns enhances code maintainability and performance, streamlining the development process.

Handles migration and implementation of breaking changes from Next.js 15 to 16, specifically related to async route parameters and cache components. By installing this skill, developers can ensure smoother transitions during upgrades and avoid common pitfalls associated with new Next.js features.

Handles user authentication through middleware and pre-built components for Next.js applications. This skill simplifies the integration of authentication in your app, streamlining user management and improving security.

Handles the integration of Supabase Auth with Next.js App Router, ensuring secure authentication flows. By using this skill, developers streamline authentication processes, enhancing security while reducing implementation complexity.

Automates the generation of frontend components, bundle analysis, and project scaffolding. This skill enhances development efficiency by streamlining repetitive tasks and ensuring adherence to best practices.

Facilitates the management and querying of content collections in Nuxt applications with typed structures. By automating queries and providing easy access to remote content sources, it enhances developer productivity and reduces potential errors.

Handles the deployment of Next.js applications to the Vercel platform by optimizing build settings and configuring runtime environments. By installing this skill, developers streamline the deployment process and minimize potential errors, ensuring faster and more reliable application launches.

Full-stack Nuxt framework with database, KV, blob, and cache. Multi-cloud support (Cloudflare, Vercel, Deno, Netlify).

Handles routing and middleware management for web applications using Hono framework, enabling structured request handling and validation. Reduces development time by providing type-safe request validation and efficient routing mechanisms, enhancing application reliability.

Handles the creation of event-driven workflows and background processing without direct infrastructure management. Developers benefit by automating complex tasks, reducing manual overhead, and enhancing efficiency through reliable, long-lasting workflows.