vercel
Lets you deploy, manage, inspect and troubleshoot Vercel projects from the command line, covering deployments, build failures, environment variables and domains without leaving your terminal.
1 skill16k
@vercelnextjs
Skills for Next.js developers covering bundle size reduction, Cache Components and Partial Prefetching adoption, and verifying runtime behavior in a running app after code edits.
Plugin Signal63/100Solid
maintained100
capable41
documented1
adopted100
Auto-invoked ships a router so the right skill fires automatically as you prompt. No remembering which skill to call.
Normal is the plain upstream plugin, installed as-is. You invoke its skills yourself.
Claude Code
The plugin> /plugin marketplace add vercel/next.js> /plugin install nextjs@nextjsAuto-invocation> /plugin marketplace add flowy-sh/flowy-core> /plugin install flowy-core> /plugin install flowy-nextjs
Codex
$ npx skills add vercel/next.js -a codex
Cursor
$ npx skills add vercel/next.js -a cursor
Gemini CLI
$ npx skills add vercel/next.js -a gemini-cli
GitHub Copilot
$ copilot plugin marketplace add vercel/next.js$ copilot plugin install nextjs@nextjs
OpenCode
$ npx skills add vercel/next.js -a opencode
Windsurf
$ npx skills add vercel/next.js -a windsurf
Stats
143,456
Stars
32,796
Forks
Active
Maintenance
JavaScript
Language
MIT
License
Last commit
Created
What's inside
6 Skills
/next-bundle-optimizerAudit and reduce Next.js browser initial-load work. Use for slow route startup, oversized client bundles, duplicate browser dependencies, or features that can wait for interaction./next-cache-components-adoptionTurn on Cache Components in a Next.js app and resolve the blocking routes it surfaces. Use when the user wants to enable, adopt, or migrate to Cache Components, flip the `cacheComponents` flag, work through a flood of blocking-prerender / instant validation errors, run the/next-cache-components-optimizerOptimize the meaningful UI available immediately from a Next.js route on an initial load (hard navigation) or named client-side navigation (soft navigation). Encode the goal as a failing @next/playwright instant() e2e and work it to green, one verified route and entry point at a/next-dev-loopVerify Next.js runtime behavior after editing app code. Use this skill to confirm a change actually works in a running app — not just that it compiles or type-checks. Combines /_next/mcp (Next.js's view) with agent-browser (the browser's view). Requires a running `next dev`./next-partial-prefetching-adoptionTurn on Partial Prefetching in a Next.js app and work through the insights it surfaces. Use when the user wants to enable or adopt Partial Prefetching, flip the `partialPrefetching` flag, opt routes in with `export const prefetch = 'partial'`, audit `Link prefetch={true}`/next-partial-prefetching-optimizerOptimize what selected Next.js client navigations include before the click under Partial Prefetching. Use after Cache Components and Partial Prefetching are adopted when the user wants selected URL-specific UI to be instant, wants reusable content to wait for navigation, or
README
packages/next/README.md
Stars on GitHub
Momentum
- stars in total
- 143.5k
File tree
More plugins by @vercel.
View @vercel’s profile@vercelflags
Adds feature flags, A/B tests, and gradual rollouts to Next.js, SvelteKit, or other apps. Includes skills for declaring flags with the Flags SDK and wiring up a provider adapter.
2 skills628
@vercelmicrofrontends
Split apart large applications and develop faster with microfrontends. This package contains library code to be used with Vercel's microfrontends support. Improved developer velocity: Build and test just the application that you are developing.
1 skill1 MCP45
@vercelSimilar plugins.
ui
Helps you add, find, fix, style and compose shadcn UI components in your React project, with component docs and usage examples. It can also move a project from Radix UI primitives to Base UI.
2 skills127k
@shadcn-uielectron
electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS.
5 skills124k
@electronleonxlnx-taste-skill
Gives coding agents a design direction, reference images and a browser check, so the websites and app screens they build look deliberate instead of like a generic template page.
1 skill107k
@leonxlnxangular
Skills for building Angular apps: one generates Angular code and architectural guidance for projects, components, services, HTTP calls and signals, and another scaffolds a new app with the Angular CLI.
2 skills101k
@angularQuestions about nextjs.
Install it once and the right skill fires as you prompt, with no slash command to remember. It is listed on Flowy in the Frontend category. It includes next-bundle-optimizer, next-cache-components-adoption, next-cache-components-optimizer. Free and open source.
- What is nextjs?
- vercel/next.js is a development plugin of skills for the React framework, covering bundle size, caching, prefetching and runtime checks. Use it to cut slow route startup, enable Cache Components or Partial Prefetching, and confirm changes work in a running app.
- How do I install nextjs?
- Run these in Claude Code: /plugin marketplace add vercel/next.js then /plugin install nextjs@nextjs. Then prompt normally.
- Does nextjs auto-invoke its skills?
- Yes. It ships a FLOW.md router that Flowy's hook fires, so the matching skill runs as you prompt. You never name a skill.
- Is nextjs free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.
- Which coding agents can use nextjs's skills?
- nextjs installs in Claude Code, and its skills also install in Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI. Each skill's page has the install command. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it