StealIt

8 skills · 6 publishers

Claude skills for Next.js

App Router, caching, data fetching and deployment for Next.js, from the Vercel and Cloudflare teams.

The best Claude skills for Next.js

  1. 1

    Nextjs App Router Patterns

    Seth Hobson 42k

    Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server…

    npx skills add wshobson/agents --skill nextjs-app-router-patterns
  2. 2

    Nextjs On Cloudflare

    Cloudflare 3.3k

    Build, migrate, and deploy Next.js apps on Cloudflare Workers with vinext. Use when starting a Next.js project on Cloudflare, moving an existing app to Workers, choosing between vinext and OpenNext…

    npx skills add cloudflare/skills --skill nextjs-on-cloudflare
  3. 3

    Vercel React Best Practices

    Vercel 34k

    React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance…

    npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices

All 8 Next.js skills

8 skills

Nextjs App Router Patterns

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or…

FrontendSeth Hobson42k

Nextjs On Cloudflare

Build, migrate, and deploy Next.js apps on Cloudflare Workers with vinext. Use when starting a Next.js project on Cloudflare, moving an existing app to Workers, choosing between…

FrontendCloudflare3.3k

Vercel React Best PracticesTop pick

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure…

FrontendVercel34k

Taste SkillTop pick

tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One Page Love, Awwwards Sites of the Day). Deals…

Design & UILeon110k

Vercel Optimize

Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config…

Cloud & DevOpsVercel34k

Vercel React View Transitions

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition…

FrontendVercel34k

Supabase

Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge Functions, Realtime, Storage, Vectors, Cron, Queues); client libraries and SSR…

Data & DatabasesSupabase3k

Expo Web To Native

Migrate an existing web React app to a native iOS/Android app with Expo. Use when the user wants to turn a website into a mobile app, port a Next.js/Vite/CRA React codebase to…

MobileExpo4k

About these Next.js skills

This page collects every skill in the directory that covers Next.js: 8 from 6 publishers, including official skills from Vercel, Cloudflare, Supabase and Expo. Each one links back to its original GitHub repository, so you always get the author's latest version. They span Design & UI, Frontend, Mobile and Data & Databases.

Publishers on this page

Questions about Claude skills for Next.js

What is the best Claude skill for Next.js?

Our top pick is Nextjs App Router Patterns by Seth Hobson, from a repository with 42k GitHub stars. Nextjs On Cloudflare and Vercel React Best Practices round out the top three. Skills are ranked by the popularity of their source repository, with hand-picked favorites first, and official skills from Vercel, Cloudflare, Supabase and Expo carry a badge.

How do I install a Claude skill for Next.js?

Open a skill's page and run its install command in your project folder, for example npx skills add wshobson/agents --skill nextjs-app-router-patterns. You can also download any skill as a ZIP and add it to Claude Code or upload it to the Claude app.

The install guide walks through every method.

Are Claude skills for Next.js free?

Yes. All 8 skills on this page are open source and free to use. You need a Claude plan that supports skills, or a coding agent that reads SKILL.md files.

Do these skills work in Claude Code and the Claude app?

Yes. A skill is a folder with a SKILL.md file, and the same folder works in Claude Code, the Claude desktop and web apps (on paid plans with code execution turned on) and the Claude API. Many also work in other agents that support the Agent Skills format, such as Cursor and OpenAI Codex. Skills that ship scripts need somewhere Claude can run code.

How many Claude skills for Next.js are there?

We list 8 from 6 publishers, last updated November 4, 2026. The list refreshes from GitHub as publishers release new skills.

Related use cases

All use cases →