Next.js

Runs a metrics-first audit of a deployed Vercel project, gating investigations on real signals to produce ranked, citation-backed cost and performance recommendations.

vercel-labs/agent-skills

Benchmark React or Next.js changes on Vercel Sandbox VMs with paired A/B statistics: react PR/commit vs base, or Next.js PR/commit vs base, measured end-to-end through the bench/render-pipeline app…

vercel/next.js

Verify Next.js runtime behavior after editing app code. An agent skill from vercel/next.js.

vercel/next.js

Answer questions about the AI SDK and help build AI-powered features.

vercel-labs/ai-facts

General Supabase skill for database, auth, Edge Functions, Realtime and storage work, plus client libraries, migrations, security audits, debugging and reading logs.

supabase/agent-skills

Builds responsive, accessible Chakra UI v3 components and layouts, sets up Chakra in new or existing projects, and designs themes with tokens, semantic tokens and recipes.

chakra-ui/chakra-ui

Best practices for Remotion - Video creation in React. An agent skill from lyonjs/shortvid.io.

lyonjs/shortvid.io

Guides implementing animated page and state transitions in React with the native View Transition API, covering shared elements, list reorders and directional navigation.

vercel-labs/next-beats

Draw diagrams for the Next.js docs in the style of the ones already published there: the light/dark PNGs an mdx references with <Image srcLight="/docs/light/<name.png" srcDark="/docs/dark/<name.png".

vercel/next.js

Rebuilds existing web pages as editable local code that matches their content, assets, responsive layout and interactions, including Framer sites and animated pages.

JCodesMore/ai-website-cloner-template

Turn on Cache Components in a Next.js app and resolve the blocking routes it surfaces.

vercel/next.js

Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance.

vmDeshpande/ai-agent-automation

React and Next.js performance optimization guidelines from Vercel Engineering.

sanity-io/sanity

Set up, repair, or migrate to Cloudflare Turnstile bot verification in an existing frontend and backend, including server-side Siteverify.

cloudflare/skills

Build local React changes in the bundle variants consumed by Next.js, sync them into a local Next.js checkout, and test the resulting integration.

vercel/next.js

UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.

saoudi-h/solar-icons

Find 10x product opportunities and high-leverage improvements.

openstatusHQ/data-table-filters

Shows how to run GSAP animations in React and Next.js with the useGSAP hook, refs, scoped selectors and automatic cleanup on unmount.

greensock/gsap-skills

Guides an upgrade from Chakra UI v2 to v3: inspect the project, swap packages, run the official codemod, then fix provider, color mode, props, theming and Next.js code.

chakra-ui/chakra-ui

Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.

creativetimofficial/ui

Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift…

maslennikov-ig/claude-code-orchestrator-kit

Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

vercel-labs/openreview

A skill your agent uses when working with Payload projects (payload.config.ts, collections, fields, hooks, access control, Payload API).

payloadcms/payload

A skill your agent uses when fixing dependency vulnerabilities, running pnpm audit, or when the audit-dependencies CI check fails

payloadcms/payload

Reviews and converts UI code to Chakra UI v3, producing a critique, rewritten code or both, from plain HTML, Tailwind, CSS Modules or styled-components.

chakra-ui/chakra-ui

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

vercel-labs/openreview

Adds persistent memory to Vercel AI SDK apps with the Mem0 provider, using a wrapped model or standalone retrieve and store utilities.

mem0ai/mem0

Adds AI Elements components such as conversations, messages, tool displays and prompt inputs to a Next.js project that uses shadcn/ui.

mweinbach/agent-coworker

nuqs (type-safe URL query state) best practices for Next.js and other React frameworks.

trycompai/crm

Scaffolds a Next.js editor for designing App Store and Google Play screenshots as ads and exporting them at every required size, for iOS, Mac and Android.

ParthJadhav/app-store-screenshots

Audit and reduce Next.js browser initial-load work. An agent skill from vercel/next.js.

vercel/next.js

Helps implement coss UI components correctly. An agent skill from crafter-station/petdex.

crafter-station/petdex

Build, migrate, and deploy Next.js apps on Cloudflare Workers with vinext.

cloudflare/skills

Integrate Novu's in-app notification inbox into web applications.

novuhq/novu

A skill your agent uses when doing ANY task involving Supabase.

curvenote/curvenote

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.

hellangleZ/burn-in-cceverywhere-ralph

Implement Lottie animations using dotLottie runtimes (@lottiefiles/dotlottie-web and @lottiefiles/dotlottie-react).

LottieFiles/dotlottie-web

Migrate existing AI agent projects (LangChain, LangGraph, OpenAI Agents SDK, Claude Agent SDK, CrewAI) to EdgeOne Makers platform conventions.

TencentEdgeOne/edgeone-makers-tools

Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG.

glincker/thesvg

Work with c15t consent management docs, APIs, and integrations for Next.js, React, and JavaScript.

c15t/c15t

This skill should be used when the user asks to "update documentation for my changes", "check docs for this PR", "what docs need updating", "sync docs with code", "scaffold docs for this feature"…

vercel/next.js

A skill your agent uses when the user wants to translate a repository README, make a repo multilingual, localize docs, add a language switcher, internationalize the README, or update localized…

Y80/bmm

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking.

vmDeshpande/ai-agent-automation

Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or…

bitjaru/styleseed

Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

Galaxy-Dawn/claude-scholar

A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.

Castor6/tactus

Upgrade Next.js to the latest version following official migration guides and codemods

vercel-labs/openreview

Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications.

nicepkg/auto-company