Skip to content

Claude Code Next.js plugins and skills

Flowy lists 162 plugins for Next.js work in Claude Code. Each one bundles skills a Claude Code agent can load while you work. Every listing shows what is inside before you install, who built it, and whether it is Auto-invoked, meaning a FLOW.md router fires the right skill as you prompt instead of leaving them dormant.

nextjs
Auto-invokedPlugin

nextjs

The React Framework

5 skills
@vercel@vercelView Plugin
lobehub-lobehub
Plugin

lobehub-lobehub

LobeHub organizes your agents into 7×24 operation. It hires, schedules, reports on your entire AI team. You stay in charge — without staying online.

@lobehub@lobehubView Plugin
lobehub
Plugin

lobehub

LobeHub organizes your agents into 7×24 operation. It hires, schedules, reports on your entire AI team. You stay in charge — without staying online.

@lobehub@lobehubView Plugin
cline
Plugin

cline

Autonomous coding agent as an SDK, IDE extension, or CLI assistant.

@cline@clineView Plugin
context7
Plugin

context7

Context7 Platform, Up-to-date code documentation for LLMs and AI code editors

4 skills
@upstash@upstashView Plugin
caldiy
Plugin

caldiy

Scheduling infrastructure for absolutely everyone.

3 skills
@calcom@calcomView Plugin
payload
Plugin

payload

Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.

1 skill
@payloadcms@payloadcmsView Plugin
chakra-ui
Plugin

chakra-ui

Chakra UI is a component system for building SaaS products with speed ⚡️

3 skills
@chakra-ui@chakra-uiView Plugin
copilotkit
Plugin

copilotkit

Docs · Examples · CopilotKit Intelligence · Build agent-native applications — on any framework, on any surface. Generative UI, shared state, and human-in-the-loop workflows for React, Angular, Vue, React Native, and in Slack and Microsoft Teams.

9 skills
@copilotkit@copilotkitView Plugin
ai-website-cloner-template
Plugin

ai-website-cloner-temp…

Clone any website with one command using AI coding agents

@jcodesmore@jcodesmoreView Plugin
claude-code-templates
Plugin

claude-code-templates

Ready-to-use configurations for Anthropic's Claude Code. A comprehensive collection of AI agents, custom commands, settings, hooks, external integrations (MCPs), and project templates to enhance your development workflow.

200 skills
@davila7@davila7View Plugin
vercel-labs-agent-skills
Auto-invokedPlugin

vercel-labs-agent-skil…

A collection of skills for AI coding agents. Skills are packaged instructions and scripts that extend agent capabilities. Skills follow the Agent Skills format.

9 skills
@vercel-labs@vercel-labsView Plugin
vercel-labs-agent-skills
Plugin

vercel-labs-agent-skil…

A collection of skills for AI coding agents. Skills are packaged instructions and scripts that extend agent capabilities. Skills follow the Agent Skills format.

9 skills
@vercel-labs-2@vercel-labs-2View Plugin
gpt-researcher
Plugin

gpt-researcher

GPT Researcher the first open deep research agent designed for both web and local research on any given task. The agent produces detailed, factual, and unbiased research reports with citations.

1 skill
@assafelovic@assafelovicView Plugin
mastra
Plugin

mastra

Mastra is a framework for building AI-powered applications and agents with a modern TypeScript stack. It includes everything you need to go from early prototypes to production-ready applications.

32 skills
@mastra-ai@mastra-aiView Plugin
vercel-ai
Plugin

vercel-ai

The AI Toolkit for TypeScript. From the creators of Next.js, the AI SDK is a free open-source library for building AI-powered applications and agents

12 skills
@vercel@vercelView Plugin
magicui
Plugin

magicui

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

1 skill
@magicuidesign@magicuidesignView Plugin
json-render
Plugin

json-render

The Generative UI framework. Generate dynamic, personalized UIs from prompts without sacrificing reliability. Predefined components and actions for safe, predictable output.

31 skills
@vercel-labs-2@vercel-labs-2View Plugin
gsap-skills
Plugin

gsap-skills

Official AI skills for GSAP (GreenSock Animation Platform). They teach agents correct GSAP usage: core API, timelines, ScrollTrigger, plugins, React/Vue/Svelte, vanilla JS and performance.

8 skills
@greensock@greensockView Plugin
prowler
Plugin

prowler

Prowler is the world’s most widely used Open-Source Cloud Security Platform that automates security and compliance across any cloud environment.

39 skills
@prowler-cloud@prowler-cloudView Plugin
portless
Plugin

portless

Replace port numbers with stable, named .localhost URLs for local development. For humans and agents.

2 skills
@vercel-labs-2@vercel-labs-2View Plugin
reactdev
Plugin

reactdev

This repo contains the source code and documentation powering react.dev.

10 skills
@reactjs@reactjsView Plugin
coss
Plugin

coss

coss.com/ui is the official design system of Cal.com

2 skills
@cosscom@cosscomView Plugin
scroll-world
Plugin

scroll-world

An agent skill — for Claude Code, Codex, and any SKILL.md-compatible agent — that builds an immersive, scroll-scrubbed "fly through the world" landing page for any industry or brand — the kind where, as you scroll, a camera flies from outside each scene into

1 skill
@oso95@oso95View Plugin
revfactory-harness
Plugin

revfactory-harness

Harness is a team-architecture factory for Claude Code. Say "build a harness for this project" (English) or "하네스 구성해줘" (한국어) or "ハーネスを構成して" (日本語), and the plugin turns your domain description into an agent team and the skills they use — picked from six

1 skill
@revfactory@revfactoryView Plugin
next-forge
Plugin

next-forge

Production-grade Turborepo template for Next.js apps.

1 skill
@vercel@vercelView Plugin
app-store-screenshots
Plugin

app-store-screenshots

A skill for AI coding agents that scaffolds a production-ready Next.js editor for App Store and Google Play marketing screenshots.

1 skill
@parthjadhav@parthjadhavView Plugin
codepilot
Plugin

codepilot

A multi-model AI agent desktop client — connect any AI provider, extend with MCP & skills, control from your phone. Built with Electron + Next.js.

9 skills
@op7418@op7418View Plugin
eve
Plugin

eve

The Open Framework for Building Agents

5 skills
@vercel@vercelView Plugin
agentation
Plugin

agentation

The visual feedback tool for agents.

2 skills
@benjitaylor@benjitaylorView Plugin
claude-code-guide
Plugin

claude-code-guide

Claude Code Guide - Setup, Commands, workflows, agents, skills & tips-n-tricks from beginner to power user!

79 skills
@zebbern@zebbernView Plugin
claudable
Plugin

claudable

Claudable is an open-source web builder that leverages local CLI agents, such as Claude Code, Codex, Gemini CLI, Qwen Code, and Cursor Agent, to build and deploy products effortlessly.

@opactorai@opactoraiView Plugin
lazycodex
Plugin

lazycodex

The one and only agent harness for complex codebases. Project memory, planning, execution, and verified completion inside Codex.

27 skills
@code-yeongyu@code-yeongyuView Plugin
vibe-coding-prompt-template
Plugin

vibe-coding-prompt-tem…

Templates and workflow for generating PRDs, Tech Designs, and MVP and more using LLMs for AI IDEs

11 skills
@khazp@khazpView Plugin
opensrc
Plugin

opensrc

Give coding agents access to any package's source code.

1 skill
@vercel-labs-2@vercel-labs-2View Plugin
react-native-unistyles
Plugin

react-native-unistyles

Level up your React Native StyleSheet

2 skills
@jpudysz@jpudyszView Plugin
cloudflare
Auto-invokedPlugin

cloudflare

A collection of Agent Skills for building on Cloudflare, Workers, the Agents SDK, and the wider Cloudflare Developer Platform.

14 skills
@cloudflare@cloudflareView Plugin
web-quality-skills
Auto-invokedPlugin

web-quality-skills

An (unofficial) measurement-first collection of Agent Skills for optimizing web projects with Google Lighthouse, Chrome DevTools for agents, Core Web Vitals, WCAG, and search guidance. Stack-agnostic.

6 skills
@addyosmani-2@addyosmani-2View Plugin
supabase-agent-skills
Plugin

supabase-agent-skills

Agent Skills to help developers using AI agents with Supabase. Agent Skills are folders of instructions, scripts, and resources that agents can discover and use to do things more accurately and efficiently.

2 skills
@supabase@supabaseView Plugin
expo-skills
Plugin

expo-skills

A collection of AI agent skills for working with Expo projects and Expo Application Services

26 skills
@expo@expoView Plugin
ai-elements
Plugin

ai-elements

AI Elements is a component library built on top of shadcn/ui to help you build AI-native applications faster.

1 skill
@vercel@vercelView Plugin
ralph-tui
Plugin

ralph-tui

AI Agent Loop Orchestrator - A terminal UI for orchestrating AI coding agents to work through task lists autonomously.

4 skills
@subsy@subsyView Plugin
workflow
Plugin

workflow

Workflow SDK: Build durable, reliable, and observable apps and AI Agents in TypeScript

6 skills
@vercel@vercelView Plugin
agentsmesh
Plugin

agentsmesh

The AI Agent Workforce Platform. Run a hundred AI coding agents across your own machines — schedule, isolate, and steer them all from one console.

5 skills
@agentsmesh@agentsmeshView Plugin
portaljs
Auto-invokedPlugin

portaljs

🌀 AI-native framework for building data portals. Scaffold a full portal from a brief and load datasets in minutes with agentic skills — any backend (CKAN, GitHub, Frictionless).

14 skills
@datopian@datopianView Plugin
data-table-filters
Plugin

data-table-filters

Data tables for React and shadcn/ui: faceted filters, sorting, infinite scroll, and a row detail sheet. Installed as source with the shadcn CLI, so the code is yours to change.

1 skill
@openstatushq@openstatushqView Plugin
8bitcn-ui
Plugin

8bitcn-ui

Accessible retro components that you can copy and paste into your apps.Free. Open Source. Built on shadcn/ui. Documentation · Components · Blocks · Themes · Discord

23 skills
@theorcdev@theorcdevView Plugin

FAQ

What are the best Claude Code Next.js plugins?
Flowy lists 162 plugins for Next.js, ranked by fit and signal rather than raw install count. Open any listing to read every skill in full before you install it.
Do these Next.js skills run automatically?
The Auto-invoked ones do. They ship a FLOW.md router and a hook, so Claude Code loads the matching skill as you prompt. Indexed listings install normally and you invoke them yourself.
How does Flowy decide a plugin is a Next.js plugin?
The tag is derived from the plugin's own content, its skill names, descriptions, README and file types, not from a tag someone typed. A plugin appears here only when its real content matches.
Are these Next.js plugins free?
Yes. Flowy is free and open source with nothing gated. You can read every skill before installing, and each listing links to its upstream repository and its creator.

Browse every plugin