NeVibeCode · 73 items
Skills and MCP tagged “nextjs”
react-expert skill A skill for React 18+, Next.js App Router, and create-react-app work. It writes components and hooks, debugs rendering, and migrates class components to functions.
Claude Code CX Codex Cursor +1
5,500installs
state-machine skill Builds a throwaway page for every reachable state of one component, using mock data and a switcher. Use it when visual work needs isolated states without changing the component.
Claude Code CX Codex Cursor +1
3,500installs
vercel-deployment skill A skill that prepares and runs a Next.js project deployment to Vercel. Use it to set up a preview environment, validate environment variables, and ensure the build will succeed.
Claude Code CX Codex Cursor +1
1,800installs
workflow-init skill Sets up Vercel Workflow SDK in a project where workflow is not installed yet: picks the framework from package.json and walks the official guide up to a working first run.
Claude Code CX Codex Cursor +1
3,800installs
senior-frontend skill This skill supports React and Next.js work, from project scaffolding to bundle checks. Use it when building components, reviewing frontend code, or working on accessibility.
Claude Code
1,630installs
senior-fullstack skill Scaffolds Next.js, FastAPI, MERN or Django projects and scores your codebase for quality and security issues.
Claude Code
1,390installs
nextjs-developer subagent Subagent for building full-stack Next.js 14+ apps with App Router. It sets up Server Actions, tunes Core Web Vitals, and handles SEO metadata.
Claude Code
898installs
landing-page-generator skill Generates Next.js/React TSX landing pages with Tailwind CSS. Use it for marketing pages, homepages, lead capture pages, or landing-page A/B variants.
Claude Code
754installs
saas-scaffolder skill Scaffolds a full SaaS starter using Next.js 14+ App Router, Drizzle ORM, and Stripe. Ideal for quickly launching subscription web services with authentication.
Claude Code
630installs
stripe-integration-expert skill A Claude Code skill for Stripe subscriptions, one-time payments, usage-based billing, and webhooks. Use it when adding billing or debugging event delivery.
Claude Code
612installs
spec-to-repo skill This skill turns a natural-language spec into a runnable starter repository. Use it to move from requirements to a working codebase.
Claude Code
573installs
react-best-practices
official skill This skill guides agents through performance-focused React and Next.js work. Use it when writing or reviewing components, data fetching, or bundle changes.
CX Codex GP ChatGPT
74installs
markstream-install
official skill Configures Markstream streaming Markdown renderers across React, Vue, Svelte, and Angular projects. It resolves package selection, CSS ordering, and SSR boundaries.
GitHub Copilot
18installs
nextjs
official skill Guidance for building and debugging Next.js App Router projects. Use it to work through routing, Server Components, data fetching, and rendering choices.
CX Codex GP ChatGPT
50installs
upstash-redis
official skill Connect to Redis over HTTP in serverless runtimes using @upstash/redis and configure rate limiting with @upstash/ratelimit without TCP connection pooling.
GitHub Copilot
7installs
next-forge
official skill This skill guides Codex through next-forge projects, from navigating apps and shared packages to handling common development tasks. Use it when setting up a project or editing @repo/* packages.
CX Codex GP ChatGPT
14installs
react-and-nextjs-data-visualization
official skill Patterns for embedding charts and diagrams into React and Next.js: SSR boundaries, hydration safety, URL-backed state, and isolated rendering layers.
CX Codex GP ChatGPT
13installs
verification
official skill Traces and tests full user flows end-to-end across browser, API, and data layers when a dev server starts or something breaks.
CX Codex GP ChatGPT
8installs
auth
official skill Guides Next.js authentication setup with Clerk, Descope, or Auth0, including sign-in flows and protected routes.
CX Codex GP ChatGPT
8installs
observability
official skill Configures logging and metrics for applications hosted on Vercel. Useful when debugging runtime errors or adding OpenTelemetry.
CX Codex GP ChatGPT
7installs
vercel-queues
official skill Guides your coding agent on Vercel Queues: message publishing, push and poll consumer routes, and vercel.json triggers. Useful for async pipelines on Node.js 22+.
CX Codex GP ChatGPT
6installs
satori
official skill Guides dynamic Open Graph image generation in Next.js using Satori and @vercel/og with HTML and CSS.
CX Codex GP ChatGPT
6installs
runtime-cache
official skill This skill explains Vercel Runtime Cache for regional key-value caching and tag-based invalidation. Use it when framework-level caching is not enough.
CX Codex GP ChatGPT
6installs
routing-middleware
official skill Guides your agent on Vercel Routing Middleware to intercept requests before cache, handle rewrites, redirects, and configure Edge, Node.js, or Bun.
CX Codex GP ChatGPT
6installs
geist
official skill This skill guides you through adding Geist Sans, Geist Mono, and Geist Pixel to a Next.js project. Use it when setting up typography or deciding where each family belongs.
CX Codex GP ChatGPT
6installs
email
official skill Configures email sending via Resend and React Email templates for Vercel apps. It covers API routes and domain verification.
CX Codex GP ChatGPT
6installs
v0-dev
official skill Generates React components with v0, integrates them into Next.js projects via CLI, and automates deployments using the v0 SDK.
CX Codex GP ChatGPT
5installs
turbopack
official skill Guides the setup of Turbopack in Next.js 16, helps migrate from Webpack loaders, and resolves production build failures.
CX Codex GP ChatGPT
5installs
geistdocs
official skill Guides the assistant through setting up Geistdocs sites built with Next.js 16 and Fumadocs. Useful when authoring MDX, configuring i18n, or enabling AI chat.
CX Codex GP ChatGPT
5installs
vercel-flags
official skill Provides guidance for Vercel Flags and the flags v4 SDK. Useful for implementing staged rollouts, A/B experiments, and the Flags Explorer in Next.js or SvelteKit.
CX Codex GP ChatGPT
4installs
next-cache-components
official skill Guides AI agents through Next.js 16 Cache Components, the use cache directive, and Partial Prerendering setup.
CX Codex GP ChatGPT
4installs
json-render
official skill Guides rendering of AI SDK v6 UIMessage parts, tool call results, and streaming states in custom React chat interfaces.
CX Codex GP ChatGPT
4installs
bootstrap
official skill Orchestrates setup for repositories linked to Vercel, provisioning Neon databases, setting secrets, and verifying environment keys before running dev commands.
CX Codex GP ChatGPT
4installs
41–73 of 73