MCP CheckClaude skills for Vercel
The 50 strongest of 78 Vercel skills on GitHub. Skills built for Vercel come first; no repository gets more than 3 spots. Each links to its folder; copy it into ~/.claude/skills/ to use it.
vercel react best practices
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,…
CherryHQ/cherry-studio★ 53kAGPL-3.0Folder:
vercel-react-best-practicesadd vercel
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.
nanocoai/nanoclaw★ 31kMITFolder:
add-vercelvercel cli
Deploy apps to Vercel. Use when asked to deploy, ship, or publish a web application, or manage Vercel projects, domains, and environment variables.
nanocoai/nanoclaw★ 31kMITFolder:
vercel-clivercel composition patterns
React composition patterns that scale. Use when refactoring components with
zebbern/claude-code-guide★ 4.7kMITFolder:
composition-patternsvercel react native skills
React Native and Expo best practices for building performant mobile apps. Use
fcakyon/claude-codex-settings★ 1.2kApache-2.0Folder:
react-native-skillsvercel react view transitions
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate…
fcakyon/claude-codex-settings★ 1.2kApache-2.0Folder:
react-view-transitionsvercel deployments
Deploy frontend and full-stack apps on Vercel with previews, edge functions, environment promotion, and production guardrails. Use when shipping Next.js, SvelteKit, or static sites with zero-config CI/CD.
BagelHole/DevOps-Security-Agent-Skills★ 1.2kMITFolder:
vercel-deploymentsnextjs supabase vercel
Set up the current empty folder with the AI App Starter, so the agent builds a Next.js, Supabase and Vercel app with the owner step by step, from idea to launch.
TechNomadCode/AI-Product-Development-Toolkit★ 1kMITFolder:
nextjs-supabase-vercelvercel deploy
Deploy applications and websites to Vercel. Use this skill when the user requests deployment actions such as "Deploy my app", "Deploy this to production", "Create a preview deployment", "Deploy and give me the link", or "Push this live". No authentication…
ECNU-ICALK/AutoSkill★ 609No licence statedFolder:
vercel-deploy-claimablevercel ai sdk expert
Expert guide for Vercel AI SDK (Core, UI, RSC), streaming structured data, multi-provider model switching, tool calling loops, and React 19/Next.js 15 AI engineering / Panduan ahli Vercel AI SDK, streaming data terstruktur, dan integrasi AI pada React…
roedyrustam/vibes-plug★ 116MITFolder:
vercel-ai-sdk-expertdeploy vercel
Deploys funnel pages to Vercel. Covers CLI setup, project init, framework detection, environment variables, and custom domains.
ominou5/funnel-architect-plugin★ 92MITFolder:
deploy-vercelvercel ai sdk
Vercel AI SDK for building chat interfaces with streaming. Use when implementing useChat hook, handling tool calls, streaming responses, or building chat UI. Triggers on useChat, @ai-sdk/react, UIMessage, ChatStatus, streamText, toUIMessageStreamResponse,…
existential-birds/beagle★ 85Apache-2.0Folder:
vercel-ai-sdkai orchestration vercel ai sdk
Vercel AI SDK patterns - providers, text generation, streaming, structured output, tool calling, chat UI hooks, embeddings, and RAG
agents-inc/skills★ 26MITFolder:
ai-orchestration-vercel-ai-sdkapi database vercel postgres
Serverless PostgreSQL on Vercel with edge-compatible SDK
agents-inc/skills★ 26MITFolder:
api-database-vercel-postgresapi database vercel kv
Serverless Redis-compatible key-value store via Upstash REST API -- edge-compatible, automatic JSON serialization, TTL-based caching
agents-inc/skills★ 26MITFolder:
api-database-vercel-kvdeploy to vercel
Deploy applications and websites to Vercel. Use when the user requests deployment actions like \"deploy my app\", \"deploy and give me the link\", \"push this live\", or \"create a preview deployment\".
bg-szy/TOP-SKILLS★ 6No licence statedFolder:
deploy-to-vercelvercel build speed
Cut Vercel build times for Next.js App Router projects — measure per-phase from the build log, then attack page count, duplicated type checks, and dead Turbopack-era config. Use when deploys have crept past a few minutes, or before optimizing anything on a…
augchan42/inkstone★ 5MITFolder:
vercel-build-speedvercel
Take a web app from local to live on Vercel — link the project, sync environment variables from .env.local, deploy to production, attach a custom domain, and confirm the live URL responds. Use for a first deploy or when a project's Vercel setup is…
beckyisj/webdev-kit★ 3MITFolder:
vercelorbit general
Open Orbit briefing skill — selected by the Orbit pipeline when the user has two or more connectors connected. Pulls the past 24 hours of activity from every authenticated connector (GitHub, Linear, Notion, Slack, 飞书, Calendar, Gmail, Drive, Sentry,…
nexu-io/open-design★ 105kApache-2.0Folder:
orbit-generalfrontend engineer
Pro frontend engineering discipline. Enforces build-test-verify workflow for every web project. Never declare done until the site is built, tested, responsive, accessible, and visually verified in a real browser. Pairs with a deployment skill such as…
nanocoai/nanoclaw★ 31kMITFolder:
frontend-engineernextjs developer
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…
Jeffallan/claude-skills★ 12kMITFolder:
nextjs-developervoltagent awesome design md
73 个真实网站 DESIGN.md 提取集合（Claude / Cursor / Vercel / Stripe / Apple / Tesla / Ferrari ...）。 把 DESIGN.md 复制到项目根目录，AI agent 读 DESIGN.md 后能生成风格一致的高质量 UI。 本仓库同步自 VoltAgent/awesome-design-md。 关键词：DESIGN.md, Google Stitch, UI 设计, 设计系统, Claude, Cursor, Vercel,…
anbeime/skill★ 8.9kNo licence statedFolder:
voltagent-awesome-design-mdupload photo
upload a photo/image/screenshot, host an image, get a public image URL, put images on Vercel Blob, embed images in a PR/comment/doc. Upload local images to Vercel Blob and print public URLs.
Devin-AXIS/iPolloWork★ 7.3kLicence: see repoFolder:
upload-photosolana agent kit
Comprehensive guide for building AI agents that interact with Solana blockchain using SendAI's Solana Agent Kit. Covers 60+ actions, LangChain/Vercel AI integration, MCP server setup, and autonomous agent patterns.
internet-court/internet-court-skill★ 7kLicence: see repoFolder:
solana-agent-kitantseed connect
Connect coding agents, AI SDKs, and LLM tools to the AntSeed buyer proxy. Use when configuring Claude Code, Codex, OpenCode, Pi, OpenClaw, Hermes, GenLayer Studio, Vercel AI SDK, LangChain, or raw HTTP to route inference through AntSeed at localhost:8377.
internet-court/internet-court-skill★ 7kLicence: see repoFolder:
antseed-connectnitro
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…
antfu/skills★ 6kMITFolder:
nitrohunt subdomain
Hunting skill for subdomain takeover vulnerabilities. Includes modern provider fingerprints — Microsoft Azure DevOps `cloudapp.azure.com` regional-pool re-issue (1-click OAuth ATO via wildcard `reply_to`, Binary Security), Zendesk help-desk takeover →…
elementalsouls/Claude-BugHunter★ 5.3kMITFolder:
hunt-subdomainapply aesthetic
Apply a visual direction, an archetype (high-end agency, editorial minimal, brutalist, soft-SaaS, dark-tech) or one of 2,144 named design systems (apple, linear-app, stripe, vercel, notion, material, shadcn, spotify, tesla…), by resolving it into the token…
plugin87/ux-ui-agent-skills★ 3.1kMITFolder:
apply-aestheticfind skills
Discovers, searches, and installs skills from multiple AI agent skill marketplaces (400K+ skills) using the SkillKit CLI. Supports browsing official partner collections (Anthropic, Vercel, Supabase, Stripe, and more) and community repositories, searching…
rohitg00/skillkit★ 1.6kApache-2.0Folder:
find-skillsdomain
When you want to brainstorm and check available .com domains for a new project — brand naming, aftermarket pricing (HugeDomains / Afternic / Sedo / Dan), USPTO trademark screening, and social handle availability. Built on Laura Roeder's \"work backwards…
coreyhaines31/makerskills★ 876MITFolder:
domainthreejs performance
Three.js 性能优化指南。当 Three.js/React Three Fiber 项目出现掉帧、内存增长、加载缓慢、绘制调用过多，或需要迁移 WebGPU、实现大规模粒子/实例化渲染、配置资源压缩管线时使用。触发关键词："Three.js 优化"、"WebGPU"、"draw calls"、"内存泄漏"、"TSL"、"InstancedMesh"、"R3F 优化"等。不用于：通用 React 性能问题（用 vercel-react-best-practices）、WebGL/Three.js…
staruhub/ClaudeSkills★ 731MITFolder:
Geek-skills-threejs-performancedeploying applications
Deployment patterns from Kubernetes to serverless and edge functions. Use when deploying applications, setting up CI/CD, or managing infrastructure. Covers Kubernetes (Helm, ArgoCD), serverless (Vercel, Lambda), edge (Cloudflare Workers, Deno), IaC…
ancoleman/ai-design-components★ 525MITFolder:
deploying-applicationsAI SDK Documentation
This skill should be used when working with Vercel AI SDK, AI Gateway, streamText, generateText, generateObject, streamObject, tool calling, or AI SDK providers. Also relevant for "ai-sdk", "@ai-sdk/*" packages, or questions about AI SDK patterns,…
malob/nix-config★ 462MITFolder:
ai-sdk-docsui craft minimal
Minimal / clean / Linear / Notion / Vercel / whitespace-heavy UIs. Locked knobs: CRAFT=8, MOTION=3, DENSITY=2. Monochrome + one accent, Inter/Geist, hairline borders over shadows. Trigger on: minimal, clean, Linear-like, Notion-like, Vercel-like,…
educlopez/ui-craft★ 407MITFolder:
ui-craft-minimaldeployment
Use when taking an app from source to live: choosing the deploy target from requirements (Hetzner+Coolify vs Vercel vs a third), then wiring container → CI → registry → host with build secrets, healthchecks and rollback. NOT one platform's mechanics (that…
ericrisco/rsc-harness★ 388MITFolder:
deploymentreact best practices
React and Next.js performance playbook distilled from Vercel Engineering guidance. Use when building, reviewing, or refactoring React/Next.js code for waterfalls, bundle size, rendering cost, and client/server data flow.
majiayu000/spellbook★ 288MITFolder:
react-best-practiceshz store pwa
Guides shipping a web app to the Meta VR and Horizon OS Store as a PWA/TWA — both 2D windowed panels and immersive WebXR/VR. Covers building the web app (IWSDK for WebXR, any responsive PWA for 2D), Vercel deploy, web app manifest + icons, the WebXR-only…
meta-quest/agentic-tools★ 242Apache-2.0Folder:
hz-store-pwacloudflare workers migration
Migrate to Cloudflare Workers from AWS Lambda, Vercel, Express, and Node.js. Use when porting existing applications to the edge, adapting serverless functions, or resolving Node.js API compatibility issues.
secondsky/claude-skills★ 240MITFolder:
cloudflare-workers-migrationnuxt content
Nuxt Content v3 Git-based CMS for Markdown/MDC content sites. Use for blogs, docs, content-driven apps with type-safe queries, schema validation (Zod/Valibot), full-text search, navigation utilities. Supports Nuxt Studio production editing, Cloudflare…
secondsky/claude-skills★ 240MITFolder:
nuxt-contentnuxt production
| Nuxt 4 production optimization: hydration, performance, testing with Vitest, deployment to Cloudflare/Vercel/Netlify, and v4 migration. Use when: debugging hydration mismatches, optimizing performance and Core Web Vitals, writing tests with Vitest,…
secondsky/claude-skills★ 240MITFolder:
nuxt-productiondark tech
Genre pack: dark, precise, developer-adjacent minimalism — the Linear/Vercel/Stripe-dark school. Near-black surfaces, one restrained accent, fine hairline borders, compact type, subtle glow only on the accent, dashboard-ready density. Use for developer…
madebymustafa/design-taste★ 206MITFolder:
dark-techmulti tenant architecture
Designs tenant isolation, hostname routing, custom-domain lifecycle, and plan limits on Cloudflare or Vercel. Use when asked to "isolate tenant data", "support custom domains", "build a white-label platform", or assess PSL registration. For general module…
mblode/agent-skills★ 172MITFolder:
multi-tenant-architecturescaffold nextjs
Scaffolds a Next.js turborepo with Blode UI, icons, Ultracite (oxlint/shadcn), workspace hooks, and GitHub/Vercel setup. Use when asked to \"create a Next.js project\", \"bootstrap a turborepo\", or \"start a new web app\".
mblode/agent-skills★ 172MITFolder:
scaffold-nextjscloud hosting expert
Expert guide for deploying SaaS applications with multiple entry points on modern edge and serverless platforms like Vercel and Cloudflare / Panduan ahli untuk mendeploy aplikasi SaaS dengan multiple entry points di platform edge dan serverless modern…
roedyrustam/vibes-plug★ 116MITFolder:
cloud-hosting-expertcron scheduler expert
Expert guide for scheduled tasks, cron jobs, recurring background work (Vercel Cron, Cloudflare Workers Cron, Inngest, node-cron), and distributed scheduling / Panduan ahli untuk tugas terjadwal, cron job, pekerjaan latar belakang berulang, dan penjadwalan…
roedyrustam/vibes-plug★ 116MITFolder:
cron-scheduler-expertweb motion auditor
Use when reviewing web animations, UI transitions, scroll effects, hover states, loading states, GIF/video captures, reduced-motion support, animation performance, or motion polish in HTML, React, Next.js, or Vercel apps.
frankxai/awesome-motion-design-agent-skills★ 86CC0-1.0Folder:
web-motion-auditorsite motion excellence director
Use when planning, auditing, specifying, implementing, or improving premium website/app motion across FrankX, Arcanea, Starlight, or Vercel/Next.js sites. Use for motion design systems, site choreography, scroll motion, generated media integration, runtime…
frankxai/awesome-motion-design-agent-skills★ 86CC0-1.0Folder:
site-motion-excellence-directorgenerative media director
Use when planning, prompting, generating, editing, routing, finishing, or QAing AI-created images, GIFs, videos, style frames, image-to-video clips, social ads, cinematic brand assets, motion studies, or multi-provider generative media workflows using…
frankxai/awesome-motion-design-agent-skills★ 86CC0-1.0Folder:
generative-media-directorai elements
Vercel AI Elements for workflow UI components. Use when building chat interfaces, displaying tool execution, showing reasoning/thinking, or creating job queues. Triggers on ai-elements, Queue, Confirmation, Tool, Reasoning, Shimmer, Loader, Message,…
existential-birds/beagle★ 85Apache-2.0Folder:
ai-elementsclient onepager
Generates a personalized BenAI x Client one-pager (HTML), deploys it to Vercel, and returns a shareable URL within minutes. Use this skill ANY TIME the user asks to prepare, create, build, make, draft, send, or personalize a one-pager for a sales,…
naveedharri/benai-skills★ 76MITFolder:
client-onepager
Claude skills for Vercel: common questions
Which Claude skill should I use for Vercel?
Yes: 78 public skills from 51 GitHub repositories mention Vercel. The best-known ones named for it are vercel react best practices (CherryHQ/cherry-studio, ★ 53k), add vercel (nanocoai/nanoclaw, ★ 31k) and vercel cli (nanocoai/nanoclaw, ★ 31k). Stars belong to the whole repository, not to one skill.
How do I add vercel react best practices to Claude?
For Vercel, copy the vercel-react-best-practices folder from CherryHQ/cherry-studio (the folder that holds SKILL.md) into ~/.claude/skills/ to use it in every Claude Code project, or into .claude/skills/ for one project. For the Claude apps, upload the zipped folder as a custom skill instead.
Skill or MCP server for Vercel: which do I need?
A skill teaches Claude a way of working; an MCP server gives it new tools, like access to Vercel itself. We list 17 MCP servers for Vercel if you need the connection.
Are there Vercel skills in other languages?
No: 2 of those listed, such as voltagent awesome design md and threejs performance, are written mainly in Chinese, Japanese, Korean or Russian rather than English, though the Vercel task is the same. Claude can follow them either way, but read them before you install.
How recently were Vercel skills updated?
56 of the 78 Vercel skills sit in repositories that changed in the 30 days before 31 Oct 2026.
More topics: every “Claude skills for…” page.