您的智能体能做什么
- Structure routes with the App Router and route groups
- Use server and client components correctly
- Apply caching and revalidation APIs
- Configure metadata and SEO in Next.js
- Deploy to Vercel with optimal settings
- Migrate from Pages Router patterns when needed
此主题下的技能
| Skill | Description | Source | Install |
|---|---|---|---|
| vercel/next.js | The React Framework | vercel/next.js | |
| shadcn | Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for | shadcn-ui/ui | |
| payloadcms/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. | payloadcms/payload | |
| deploy-to-vercel | Deploy Next.js apps to Vercel with correct config and environment setup | vercel-labs/agent-skills | |
| 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 | vercel/ai | |
| vercel-labs/skills | Open agent skills tool with npx skills CLI and SKILL.md definitions for coding agents. | vercel-labs/skills | |
| turborepo | | | antfu/skills | |
| blog | > | AgriciDaniel/claude-blog | |
| blog-write | > | AgriciDaniel/claude-blog | |
| blog-audio | > | AgriciDaniel/claude-blog | |
| laguagu/claude-code-nextjs-skills | Claude Code skills for AI apps • Next.js 16 • AI SDK 6 • pgvector • bun • Ralph Loop | laguagu/claude-code-nextjs-skills | |
| ui-ux-pro-max | Data-driven UI/UX design intelligence with 50+ styles, 21 palettes, 50 font pairings, and 9 framework stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Searchable design knowledge base for professional UI/UX implementation. | 数据驱动的专业 UI/UX 设计智能，包含 50+ 设计风格、21 种配色方案、50 种字体配对，支持 9 种前端框架。可搜索的设计知识库，用于专业 UI/UX 实现。 | shining319/claude-code-single-person-workflow | |
| solution-architect | Transform product requirements into executable technical architecture. Use when users request: (1) Technical/system architecture design, (2) Tech stack selection, (3) Architecture from PRD, (4) Deployment strategy, (5) Architecture review. Provides workflows from requirements to deployment with tech stack templates. Triggers: architecture, tech stack, system design, deployment, infrastructure. | 将产品需求转化为技术架构。触发词：架构设计、技术架构、系统架构、技术选型、部署方案、基础设施。 | shining319/claude-code-single-person-workflow | |
| doanbactam/agent-skills-directory | Browse SKILL.md files for Claude, Cursor, Windsurf and other AI tools | doanbactam/agent-skills-directory | |
| cometchat/cometchat-skills | Agent skills for integrating CometChat into Claude Code and AI coding workflows — chat, messaging, and real-time features. | cometchat/cometchat-skills | |
| vibestackdev/vibe-stack | 29 .mdc architecture rules that prevent AI coding assistants from hallucinating insecure auth, deprecated imports, and broken Next.js 15 patterns. Built for Cursor Agent and Claude Code. | vibestackdev/vibe-stack | |
| mulkymalikuldhrs/AI-MultiColony-Ecosystem | Multi-Agent Colony Coordination Platform — 40+ Specialized AI Agents with FastAPI & Next.js Dashboard | mulkymalikuldhrs/AI-MultiColony-Ecosystem | |
| SHUKLAO/call-with-ai-agent | 🗣️ Engage in real-time voice conversations with an AI agent using Next.js and ElevenLabs for an interactive and responsive user experience. | SHUKLAO/call-with-ai-agent | |
| trh-thanh30/ecommerce-base | 🛒 Full-stack E-commerce Monorepo — NestJS API, Next.js Storefront & Admin Dashboard with Prisma, PostgreSQL, Redis, BullMQ, Docker & CI/CD | trh-thanh30/ecommerce-base | |
| stevennana/mina-ralph-loop-bootstrap-nextjs | Codex Ralph Loop Skill for the nextjs | stevennana/mina-ralph-loop-bootstrap-nextjs | |
| kimzeze/frontend-conventions | Frontend coding conventions for AI coding agents (Claude Code, Cursor, Codex). 67 rules for Next.js 16 + React 19 + TanStack Query v5 + FSD. | kimzeze/frontend-conventions | |
| ai-sdk | Vercel AI SDK: generateText, streamText, tool calling, and useChat | vercel/ai | |
| turborepo | Turborepo task pipelines, caching, remote cache, and CI configuration | vercel/turborepo | |
| next-cache-components | PPR, use cache directive, cacheLife, cacheTag, and revalidateTag | vercel-labs/next-skills | |
| next-best-practices | File conventions, RSC boundaries, data patterns, async APIs, and metadata | vercel-labs/next-skills | |
| vercel-react-best-practices | 69 prioritized React and Next.js performance rules across 8 categories | vercel-labs/agent-skills | |
| investorthm-ops/Grundsteuer-app | Bundesweite Transparenz für kommunale Hebesätze (Grundsteuer A/B, Gewerbesteuer). Next.js 16 + Supabase + Claude Skill Pipeline. | investorthm-ops/Grundsteuer-app | |
| kensaurus/cursor-kenji | Curated Cursor AI agent skills, slash commands, MCP configs, subagents & rules for full-stack dev — React 19, Next.js 15, Supabase, Tailwind v4, TypeScript | kensaurus/cursor-kenji | |
| codingthailand/nextjs-skill-app-workshop | for agent skill course workshop | codingthailand/nextjs-skill-app-workshop | |
| elikadosh/sumit-officeguy-api-skill | Claude Agent Skill for the SUMIT (OfficeGuy) Israeli billing & accounting API — payments.js tokenization, credit-card processing (סליקה), recurring billing (הוראת קבע), tax invoices & receipts (חשבוניות), allocation numbers (מספר הקצאה), webhooks & CRM. Next.js/TypeScript ready. | elikadosh/sumit-officeguy-api-skill | |
| antoniocostalopes/pagou-pix-integrator | Plugin para Claude Code que integra PIX via Pagou.ai em qualquer projeto (Next.js, Laravel, WordPress, WooCommerce, ou genérico). Instale com 1 comando: git clone https://github.com/antoniocostalopes/pagou-pix-integrator.git ~/.claude/skills/pagou-pix-integrator | antoniocostalopes/pagou-pix-integrator | |
| Jean-W-FE/nextjs-monorepo-agent-skill | Agent skill for Next.js monorepo: BFF governance, L1/L2/L3 API layering, AI prework checklist. | Jean-W-FE/nextjs-monorepo-agent-skill | |
| nullvoidundefined/voyager | AI travel planner with multi-turn agentic tool-use loop. Claude, Express 5, Next.js 15, PostgreSQL. | nullvoidundefined/voyager | |
| alfredang/ai-exams | AI-curated multi-vendor certification practice exam platform — Next.js 15, Prisma, PayPal, Claude Agent SDK, Coolify-ready. | alfredang/ai-exams | |
| rachid-softdev/SocialCreator | SocialCreator — Clone SaaS de ViewCreator.ai. Génération et publication de contenu social via agents IA (Next.js 14, NextAuth, Prisma, Claude Sonnet 4, Mux, Trigger.dev) | rachid-softdev/SocialCreator | |
| ahmedEid1/E-Learning-Platform | AI-first learning platform with a tutor grounded in the course itself, multi-modal authoring, and verifiable credentials — FastAPI + Next.js, Groq Llama 3.3 70B, MCP server, golden eval suite. Live demo at lumen.ahmedhobeishy.tech. | ahmedEid1/E-Learning-Platform | |
| yumih1129/skills-repo | SKILL 元数据、使用文档、评估报告与 Next.js 展示站点的统一管理仓库 | yumih1129/skills-repo | |
| yashiel/claude-code-starter | Claude Code starter template: Next.js 15 + Appwrite + shadcn/ui with CLAUDE.md, security playbook, MCP setup, and custom skills | yashiel/claude-code-starter | |
| Levix0501/next-agent-rails | Rails for AI agents building with Next.js. Native toolchain (Bun + Oxc + Turbopack), server-first, preinstalled skills. | Levix0501/next-agent-rails | |
| xBelowZero/claude-skill-performance-audit | Skill do Claude Code para auditoria de performance via Google PageSpeed Insights / Lighthouse / Core Web Vitals. Foco em LPs, WordPress/Elementor, Next.js. Preserva layout, tracking, UTMs e conversão. | xBelowZero/claude-skill-performance-audit | |
| AdamDjo/monorepo-starter | Production-ready monorepo starter — configurable stack (React/Next.js, Express/NestJS/Python) + Turborepo + pnpm + CI/CD + Claude Code agents & skills | AdamDjo/monorepo-starter | |
| jcodesmore/ai-website-cloner-template | Clone any website into modern Next.js codebase using AI agents | jcodesmore/ai-website-cloner-template | |
| arkantrust/next-skills | My personal collection of agent skills for NextJS | arkantrust/next-skills | |
| pooja-jadhav/casual-jobclaw | Casual JobClaw is a **local-first, open-source job-search agent**. Everything runs on the developer's machine: a Next.js dashboard, a SQLite store, an Ollama LLM, and OpenClaw skills that automate Gmail / Google Drive / LinkedIn. | pooja-jadhav/casual-jobclaw | |
| soheru/Business-Ai-Claude | Local-first multi-agent orchestration dashboard for Claude. Animated agent orchestra (CEO + Marketer + Developer + PM + UX + QA + custom agents) running on your Claude subscription. Next.js + TypeScript + SQLite. No API key needed. | soheru/Business-Ai-Claude | |
| Kelet-ai/skills | Claude Code skills for integrating Kelet into AI applications | Kelet-ai/skills | |
| to110i/perceived-performance | Make web UIs feel instant even when operations take time — skeleton screens, optimistic UI, loading states, and navigation feedback. | to110i/perceived-performance | |
| firetix/skill-bouncer | TSA for agent skills: scan SKILL.md files before install, deny overreach with readable receipts, and bundle the safe ones. | firetix/skill-bouncer | |
| theishandubey/skills-studio | A local, CLI-launched Next.js web dashboard for viewing, editing, and managing agent skills stored as SKILL.md files. | theishandubey/skills-studio | |
| xueyangeng/frontend-code-audit | Comprehensive frontend code quality audit tool for React/Vue/Next.js projects | xueyangeng/frontend-code-audit |
vercel/next.js
The React Framework
vercel/next.js
npx skills add vercel/next.js
shadcn
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for
shadcn-ui/ui
npx skills add shadcn-ui/ui
payloadcms/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.
payloadcms/payload
npx skills add payloadcms/payload
deploy-to-vercel
Deploy Next.js apps to Vercel with correct config and environment setup
vercel-labs/agent-skills
npx skills add vercel-labs/agent-skills
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
vercel/ai
npx skills add vercel/ai
vercel-labs/skills
Open agent skills tool with npx skills CLI and SKILL.md definitions for coding agents.
vercel-labs/skills
npx skills add vercel-labs/skills
turborepo
|
antfu/skills
npx skills add antfu/skills
blog
>
AgriciDaniel/claude-blog
npx skills add AgriciDaniel/claude-blog
blog-write
>
AgriciDaniel/claude-blog
npx skills add AgriciDaniel/claude-blog
blog-audio
>
AgriciDaniel/claude-blog
npx skills add AgriciDaniel/claude-blog
laguagu/claude-code-nextjs-skills
Claude Code skills for AI apps • Next.js 16 • AI SDK 6 • pgvector • bun • Ralph Loop
laguagu/claude-code-nextjs-skills
npx skills add laguagu/claude-code-nextjs-skills
ui-ux-pro-max
Data-driven UI/UX design intelligence with 50+ styles, 21 palettes, 50 font pairings, and 9 framework stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Searchable design knowledge base for professional UI/UX implementation. | 数据驱动的专业 UI/UX 设计智能，包含 50+ 设计风格、21 种配色方案、50 种字体配对，支持 9 种前端框架。可搜索的设计知识库，用于专业 UI/UX 实现。
shining319/claude-code-single-person-workflow
npx skills add shining319/claude-code-single-person-workflow
solution-architect
Transform product requirements into executable technical architecture. Use when users request: (1) Technical/system architecture design, (2) Tech stack selection, (3) Architecture from PRD, (4) Deployment strategy, (5) Architecture review. Provides workflows from requirements to deployment with tech stack templates. Triggers: architecture, tech stack, system design, deployment, infrastructure. | 将产品需求转化为技术架构。触发词：架构设计、技术架构、系统架构、技术选型、部署方案、基础设施。
shining319/claude-code-single-person-workflow
npx skills add shining319/claude-code-single-person-workflow
doanbactam/agent-skills-directory
Browse SKILL.md files for Claude, Cursor, Windsurf and other AI tools
doanbactam/agent-skills-directory
npx skills add doanbactam/agent-skills-directory
cometchat/cometchat-skills
Agent skills for integrating CometChat into Claude Code and AI coding workflows — chat, messaging, and real-time features.
cometchat/cometchat-skills
npx skills add cometchat/cometchat-skills
vibestackdev/vibe-stack
29 .mdc architecture rules that prevent AI coding assistants from hallucinating insecure auth, deprecated imports, and broken Next.js 15 patterns. Built for Cursor Agent and Claude Code.
vibestackdev/vibe-stack
npx skills add vibestackdev/vibe-stack
mulkymalikuldhrs/AI-MultiColony-Ecosystem
Multi-Agent Colony Coordination Platform — 40+ Specialized AI Agents with FastAPI & Next.js Dashboard
mulkymalikuldhrs/AI-MultiColony-Ecosystem
npx skills add mulkymalikuldhrs/AI-MultiColony-Ecosystem
SHUKLAO/call-with-ai-agent
🗣️ Engage in real-time voice conversations with an AI agent using Next.js and ElevenLabs for an interactive and responsive user experience.
SHUKLAO/call-with-ai-agent
npx skills add SHUKLAO/call-with-ai-agent
trh-thanh30/ecommerce-base
🛒 Full-stack E-commerce Monorepo — NestJS API, Next.js Storefront & Admin Dashboard with Prisma, PostgreSQL, Redis, BullMQ, Docker & CI/CD
trh-thanh30/ecommerce-base
npx skills add trh-thanh30/ecommerce-base
stevennana/mina-ralph-loop-bootstrap-nextjs
Codex Ralph Loop Skill for the nextjs
stevennana/mina-ralph-loop-bootstrap-nextjs
npx skills add stevennana/mina-ralph-loop-bootstrap-nextjs
kimzeze/frontend-conventions
Frontend coding conventions for AI coding agents (Claude Code, Cursor, Codex). 67 rules for Next.js 16 + React 19 + TanStack Query v5 + FSD.
kimzeze/frontend-conventions
npx skills add kimzeze/frontend-conventions
ai-sdk
Vercel AI SDK: generateText, streamText, tool calling, and useChat
vercel/ai
npx skills add vercel/ai
turborepo
Turborepo task pipelines, caching, remote cache, and CI configuration
vercel/turborepo
npx skills add vercel/turborepo
next-cache-components
PPR, use cache directive, cacheLife, cacheTag, and revalidateTag
vercel-labs/next-skills
npx skills add vercel-labs/next-skills
next-best-practices
File conventions, RSC boundaries, data patterns, async APIs, and metadata
vercel-labs/next-skills
npx skills add vercel-labs/next-skills
vercel-react-best-practices
69 prioritized React and Next.js performance rules across 8 categories
vercel-labs/agent-skills
npx skills add vercel-labs/agent-skills
investorthm-ops/Grundsteuer-app
Bundesweite Transparenz für kommunale Hebesätze (Grundsteuer A/B, Gewerbesteuer). Next.js 16 + Supabase + Claude Skill Pipeline.
investorthm-ops/Grundsteuer-app
npx skills add investorthm-ops/Grundsteuer-app
kensaurus/cursor-kenji
Curated Cursor AI agent skills, slash commands, MCP configs, subagents & rules for full-stack dev — React 19, Next.js 15, Supabase, Tailwind v4, TypeScript
kensaurus/cursor-kenji
npx skills add kensaurus/cursor-kenji
codingthailand/nextjs-skill-app-workshop
for agent skill course workshop
codingthailand/nextjs-skill-app-workshop
npx skills add codingthailand/nextjs-skill-app-workshop
elikadosh/sumit-officeguy-api-skill
Claude Agent Skill for the SUMIT (OfficeGuy) Israeli billing & accounting API — payments.js tokenization, credit-card processing (סליקה), recurring billing (הוראת קבע), tax invoices & receipts (חשבוניות), allocation numbers (מספר הקצאה), webhooks & CRM. Next.js/TypeScript ready.
elikadosh/sumit-officeguy-api-skill
npx skills add elikadosh/sumit-officeguy-api-skill
antoniocostalopes/pagou-pix-integrator
Plugin para Claude Code que integra PIX via Pagou.ai em qualquer projeto (Next.js, Laravel, WordPress, WooCommerce, ou genérico). Instale com 1 comando: git clone https://github.com/antoniocostalopes/pagou-pix-integrator.git ~/.claude/skills/pagou-pix-integrator
antoniocostalopes/pagou-pix-integrator
npx skills add antoniocostalopes/pagou-pix-integrator
Jean-W-FE/nextjs-monorepo-agent-skill
Agent skill for Next.js monorepo: BFF governance, L1/L2/L3 API layering, AI prework checklist.
Jean-W-FE/nextjs-monorepo-agent-skill
npx skills add Jean-W-FE/nextjs-monorepo-agent-skill
nullvoidundefined/voyager
AI travel planner with multi-turn agentic tool-use loop. Claude, Express 5, Next.js 15, PostgreSQL.
nullvoidundefined/voyager
npx skills add nullvoidundefined/voyager
alfredang/ai-exams
AI-curated multi-vendor certification practice exam platform — Next.js 15, Prisma, PayPal, Claude Agent SDK, Coolify-ready.
alfredang/ai-exams
npx skills add alfredang/ai-exams
rachid-softdev/SocialCreator
SocialCreator — Clone SaaS de ViewCreator.ai. Génération et publication de contenu social via agents IA (Next.js 14, NextAuth, Prisma, Claude Sonnet 4, Mux, Trigger.dev)
rachid-softdev/SocialCreator
npx skills add rachid-softdev/SocialCreator
ahmedEid1/E-Learning-Platform
AI-first learning platform with a tutor grounded in the course itself, multi-modal authoring, and verifiable credentials — FastAPI + Next.js, Groq Llama 3.3 70B, MCP server, golden eval suite. Live demo at lumen.ahmedhobeishy.tech.
ahmedEid1/E-Learning-Platform
npx skills add ahmedEid1/E-Learning-Platform
yumih1129/skills-repo
SKILL 元数据、使用文档、评估报告与 Next.js 展示站点的统一管理仓库
yumih1129/skills-repo
npx skills add yumih1129/skills-repo
yashiel/claude-code-starter
Claude Code starter template: Next.js 15 + Appwrite + shadcn/ui with CLAUDE.md, security playbook, MCP setup, and custom skills
yashiel/claude-code-starter
npx skills add yashiel/claude-code-starter
Levix0501/next-agent-rails
Rails for AI agents building with Next.js. Native toolchain (Bun + Oxc + Turbopack), server-first, preinstalled skills.
Levix0501/next-agent-rails
npx skills add Levix0501/next-agent-rails
xBelowZero/claude-skill-performance-audit
Skill do Claude Code para auditoria de performance via Google PageSpeed Insights / Lighthouse / Core Web Vitals. Foco em LPs, WordPress/Elementor, Next.js. Preserva layout, tracking, UTMs e conversão.
xBelowZero/claude-skill-performance-audit
npx skills add xBelowZero/claude-skill-performance-audit
AdamDjo/monorepo-starter
Production-ready monorepo starter — configurable stack (React/Next.js, Express/NestJS/Python) + Turborepo + pnpm + CI/CD + Claude Code agents & skills
AdamDjo/monorepo-starter
npx skills add AdamDjo/monorepo-starter
jcodesmore/ai-website-cloner-template
Clone any website into modern Next.js codebase using AI agents
jcodesmore/ai-website-cloner-template
npx skills add jcodesmore/ai-website-cloner-template
arkantrust/next-skills
My personal collection of agent skills for NextJS
arkantrust/next-skills
npx skills add arkantrust/next-skills
pooja-jadhav/casual-jobclaw
Casual JobClaw is a **local-first, open-source job-search agent**. Everything runs on the developer's machine: a Next.js dashboard, a SQLite store, an Ollama LLM, and OpenClaw skills that automate Gmail / Google Drive / LinkedIn.
pooja-jadhav/casual-jobclaw
npx skills add pooja-jadhav/casual-jobclaw
soheru/Business-Ai-Claude
Local-first multi-agent orchestration dashboard for Claude. Animated agent orchestra (CEO + Marketer + Developer + PM + UX + QA + custom agents) running on your Claude subscription. Next.js + TypeScript + SQLite. No API key needed.
soheru/Business-Ai-Claude
npx skills add soheru/Business-Ai-Claude
Kelet-ai/skills
Claude Code skills for integrating Kelet into AI applications
Kelet-ai/skills
npx skills add Kelet-ai/skills
to110i/perceived-performance
Make web UIs feel instant even when operations take time — skeleton screens, optimistic UI, loading states, and navigation feedback.
to110i/perceived-performance
npx skills add to110i/perceived-performance
firetix/skill-bouncer
TSA for agent skills: scan SKILL.md files before install, deny overreach with readable receipts, and bundle the safe ones.
firetix/skill-bouncer
npx skills add firetix/skill-bouncer
theishandubey/skills-studio
A local, CLI-launched Next.js web dashboard for viewing, editing, and managing agent skills stored as SKILL.md files.
theishandubey/skills-studio
npx skills add theishandubey/skills-studio
xueyangeng/frontend-code-audit
Comprehensive frontend code quality audit tool for React/Vue/Next.js projects
xueyangeng/frontend-code-audit
npx skills add xueyangeng/frontend-code-audit