Next.js changes quickly, and models trained on older releases often mix Pages Router and App Router patterns. Next.js skills pin an agent to current conventions — server and client components, route handlers, caching and metadata — so generated code fits the version you actually run.
Check each skill’s last update date before installing: for a framework that moves this fast, an actively maintained skill is worth more than a popular stale one.
The highest-ranked of 25 matching skills, by quality score and popularity.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
Add Vercel deployment capability to NanoClaw agents. Installs the Vercel CLI in agent containers and sets up OneCLI credential injection for api.vercel.com. Use when the user wants agents to deploy web applications to Vercel.
Deploy apps to Vercel. Use when asked to deploy, ship, or publish a web application, or manage Vercel projects, domains, and environment variables.
Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating accessibility checks into CI/CD pipelines.
Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure route handlers, implement middleware, set up API routes, add streaming SSR, write generateMetadata for SEO, scaffold loading.tsx/error.tsx boundaries, or deploy to Vercel. Triggers on: Next.js, Next.js 14, App Router, RSC, use server, Server Components, Server Actions, React Server Components, generateMetadata, loading.tsx, Next.js deployment, Vercel, Next.js performance.
✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 🚀 75 Skills × 9 Surfaces (magazine · deck · poster · XHS / tweet · prototype · data report · Hyperframes) 🛡️ Sandboxed preview · 📤 1-click to WeChat / X / Zhihu / HTML / PNG 🔑 Zero API key — Claude Code / Cursor / Codex / Gemini / Copilot / OpenCode / Qwen / Aider.
Nitro is the framework-agnostic server toolkit (powering Nuxt) for building and deploying web servers anywhere. Use when working with nitro.config, server routes/event handlers, route rules, caching, storage, tasks, websockets, or deploying to Node/Bun/Deno/Cloudflare/Vercel.
Replit Slides 八套主题 (helix/holm/vance/bevel/world/atlas/bluehouse)
GitHub-dark + JetBrains Mono + 终端代码块, 含 agenda + Q&A
More matching skills with the most GitHub stars.
8 页单色背景, 160px display + 4px accent + Mono 箭头列表
产品发布邮件, 含 masthead、hero、CTA、规格表, table-fallback
通用 horizontal-swipe HTML deck, 不要 magazine 调
奶油纸 + 锈红 + 蓝图网格 mask + 黑边硬卡片 + pipeline 盒
暗 hero + 亮内容, 橙→桃 accent, 特性卡 + 定价 + CTA
三个 tab 的团队管理后台: 成员、详情、活动日志, 含图表 + CSV 导出
Custom skills
Tell us what you want your AI agent to do. We’ll help turn your workflow, standards or internal tools into a production-ready skill for Claude Code, Codex, Cursor or Gemini.
