Skills and MCP tagged “nextjs”

vercel-react-view-transitions vercel skill This skill guides React View Transition API work for route changes, shared elements, component enter and exit, and list reordering. It fits UI state changes without a third-party animation library. Claude Code CX Codex Cursor +1 166,700installs vercel-optimize vercel-labs skill A skill that audits Vercel spend and speed: it gathers usage and route metrics first, then recommends code and config changes. Claude Code CX Codex Cursor +1 110,000installs next-dev-loop vercel skill Checks that an edit to your Next.js app actually works in a running app, not just that it compiles. Built for the next dev loop. Claude Code CX Codex Cursor +1 22,000installs next-cache-components-adoption vercel skill This skill helps enable Cache Components in a Next.js app and work through route errors until the build passes. Use it when migrating an App Router project. Claude Code CX Codex Cursor +1 21,200installs next-cache-components-optimizer vercel skill Optimizes Next.js App Shell UI on hard and soft navigations. It sets up failing Playwright instant() checks and guides routes to green. Claude Code CX Codex Cursor +1 18,700installs gsap-react greensock skill This skill guides GSAP animation work in React and Next.js, including scoped selectors, cleanup, and client-only execution. Claude Code CX Codex Cursor +1 65,800installs next-partial-prefetching-adoption vercel skill Adopts Partial Prefetching in a Next.js app and checks whether prefetched UI survives the change. Use it when moving routes to the new prefetch model. Claude Code CX Codex Cursor +1 9,200installs frontend-patterns affaan-m skill A skill for React and Next.js work: component patterns, state, data fetching, and render performance. Use it when building or reviewing UI. Claude Code CX Codex Cursor +1 5,900installs backend-patterns affaan-m skill A skill with backend patterns for Node.js, Express and Next.js API routes: layering, caching, transactions, error handling. Claude Code CX Codex Cursor +1 5,900installs app-store-screenshots ParthJadhav skill Scaffolds a Next.js and ShadCN editor where you design and export App Store and Google Play screenshots. Claude Code CX Codex Cursor +1 14,900installs turnstile-spin cloudflare skill Sets up Cloudflare Turnstile bot verification across existing frontend and backend code, including widget embedding and server-side siteverify. Claude Code CX Codex Cursor +1 92,200installs nextjs-turbopack affaan-m skill This skill covers Turbopack in Next.js 16+, when webpack may be needed, and the middleware.ts to proxy.ts change. Use it while debugging development builds or checking a version upgrade. Claude Code CX Codex Cursor +1 4,900installs next-partial-prefetching-optimizer vercel skill Tunes Next.js 16.3+ client link prefetching under Partial Prefetching. Balances instant navigation against deferred data reads before the user clicks. Claude Code CX Codex Cursor +1 2,300installs react-performance affaan-m skill A performance optimization skill for React 18/19 and Next.js. It helps coding agents spot network waterfalls, trim client bundle sizes, and tune Server Components during code review. Claude Code CX Codex Cursor +1 4,800installs react-patterns affaan-m skill A skill for Claude and other AI editors that steers the agent toward idiomatic React 18/19: hooks discipline, server/client boundaries, forms, data fetching. Claude Code CX Codex Cursor +1 4,800installs stitch::code-to-design official google-labs-code skill Moves an existing frontend into Stitch by extracting standalone HTML and a design system, then uploading both to a project. Useful when bringing pages or components into Stitch for further work. Claude Code CX Codex Cursor +1 10,100installs frontend-a11y affaan-m skill Accessibility patterns for React and Next.js covering forms, ARIA, keyboard input, and focus. Use it during implementation or code review. Claude Code CX Codex Cursor +1 4,700installs motion-advanced jeff skill Advanced gesture and animation patterns for React and Next.js. Guides your coding agent through drag-and-drop, SVG drawing, and imperative useAnimate sequences. Claude Code CX Codex Cursor +1 4,600installs ai-regression-testing affaan-m skill A skill for regression testing code that AI wrote. Catches the bugs a model misses when it reviews its own work. Claude Code CX Codex Cursor +1 4,600installs documentation-lookup affaan-m skill Fetches live library and framework documentation via the Context7 MCP server instead of stale training data. Helps get accurate API methods and configuration examples. Claude Code CX Codex Cursor +1 4,600installs motion-foundations jeff skill Defines motion tokens, spring presets, performance rules and prefers-reduced-motion support for motion/react. The foundation other motion skills inherit from. Claude Code CX Codex Cursor +1 4,600installs motion-patterns jeff skill A skill with reusable animation patterns for React and Next.js. Use it for buttons, modals, toast notifications, page transitions, scroll reveals, and layout changes. Claude Code CX Codex Cursor +1 4,600installs nextjs-app-router-patterns Seth Hobson skill This skill covers Next.js App Router patterns for rendering, routing, and data fetching. Use it when starting an App Router project or moving from Pages Router. Claude Code CX Codex Cursor 32,529installs ai-elements vercel skill React component library for AI interfaces: messages, conversation history, prompt inputs, tool call displays. Built on shadcn/ui. Claude Code CX Codex Cursor +1 20,400installs next-intl-add-language official github skill Adds a language to a Next.js app using next-intl by translating en.json and updating locale setup. Use it when a new locale must appear in the UI. GitHub Copilot 9,349installs breakdown-epic-arch official github skill Creates a high-level Epic architecture specification from a PRD. Use it when a team needs an implementation plan before development starts. GitHub Copilot 9,000installs firebase-app-hosting-basics Google LLC skill Deploy and manage SSR web apps built with Next.js or Angular on Firebase App Hosting. Use it for configuration, secrets, and deployment workflows. Claude Code CX Codex Cursor +1 169,200installs nextjs-on-cloudflare cloudflare skill Skill for deploying Next.js apps to Cloudflare Workers via vinext. Use for new projects, migrating existing apps, or choosing between vinext and OpenNext. Claude Code CX Codex Cursor +1 42,000installs codegen vercel-labs skill Utilities for generating code from json-render UI trees. Build custom code exporters for Next.js, Remix, and other frameworks, traverse specs, and serialize props. Claude Code CX Codex Cursor +1 8,900installs next vercel-labs skill Converts JSON specs into Next.js apps with routes, layouts, SSR, and metadata. Handy when building AI-generated multi-page apps with @json-render/next. Claude Code CX Codex Cursor +1 8,600installs chakra-ui-migrate chakra-ui skill A migration skill that guides projects from Chakra UI v2 to v3. It handles package cleanups, codemods, provider setup, and updated component props. Claude Code CX Codex Cursor +1 1,800installs material-ui-nextjs mui skill A skill for wiring Material UI into Next.js: SSR, Emotion cache, next/font, CSS layers, Link, and useSearchParams. Use it when setting up or debugging MUI in a Next.js app. Claude Code CX Codex Cursor +1 725installs magic-ui magicuidesign skill The magic-ui skill teaches Claude Code to work with Magic UI components in React and Next.js: select animations, install via shadcn registry, and check accessibility. Claude Code CX Codex Cursor +1 1,200installs senior-frontend Alireza Rezvani skill Scaffolds Next.js and React projects, generates components with tests, and audits bundle size to replace heavy dependencies. Claude Code 1,630installs senior-fullstack Alireza Rezvani skill Scaffolds Next.js, FastAPI, MERN or Django projects and scores your codebase for quality and security issues. Claude Code 1,390installs nextjs-developer VoltAgent Community 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 Alireza Rezvani skill Generates complete Next.js and React landing components with Tailwind CSS. Useful for turning raw product descriptions into marketing pages with proven copy. Claude Code 754installs saas-scaffolder Alireza Rezvani 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 Alireza Rezvani 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 Alireza Rezvani 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