vercel-kb-skills
Public
Pull mirror status: ok
B
Add Next.js Webflow Cloud-to-Vercel migration skill (#4)
.github
dist
scripts
skills
.gitattributes
.gitignore
AGENTS.md
CLAUDE.md
LICENSE
package.json
README.md

Vercel Knowledge Base Agent Skills

A collection of Agent Skills that pair with Vercel Knowledge Base guides. Each guide explains how to do a task by hand. The matching skill lets an AI agent carry out that same task with the user, following the guide's steps and using applicable resources.

Available skills

SkillWhat it doesCompanion guideDownload
astro-webflow-to-vercelMigrate an Astro app from Webflow Cloud to VercelRead the guideastro-webflow-to-vercel.skill
nextjs-webflow-to-vercelMigrate a Next.js app from Webflow Cloud to VercelRead the guidenextjs-webflow-to-vercel.skill
tanstack-start-cloudflare-to-vercelMigrate a TanStack Start app from Cloudflare Workers to VercelRead the guidetanstack-start-cloudflare-to-vercel.skill
tanstack-start-netlify-to-vercelMigrate a TanStack Start app from Netlify to VercelRead the guidetanstack-start-netlify-to-vercel.skill

Using a skill

Each skill is published as a downloadable .skill archive (a ZIP of the skill's files) under dist/, linked from the Download column above.

Upload to Claude.ai

The .skill file is a ZIP archive you can upload to Claude directly.

  1. Download the .skill file from the Download column above.
  2. Make sure Code execution and file creation is enabled in Settings → Capabilities.
  3. Go to Customize → Skills.
  4. Click the "+" button, then + Create skill.
  5. Select Upload a skill.
  6. Upload the .skill file.
  7. Toggle the skill on.

Add via the skills CLI

For Cursor, OpenAI Codex, Claude Code, and other agents, use the skills CLI to install a skill straight from this repo:

# Install a specific skill
npx skills add vercel-labs/vercel-kb-skills --skill tanstack-start-cloudflare-to-vercel

# Install all skills
npx skills add vercel-labs/vercel-kb-skills

Replace the --skill value with any skill name from the table above. You can also browse a skill's source directly under skills/.

Recommended: the Vercel Plugin

When using these skills with a coding agent, we strongly recommend also installing the Vercel Plugin. It gives supported agents (Claude Code, Cursor, and more) Vercel-specific context and expert guidance: a relational knowledge graph of the Vercel ecosystem, 25+ deep-dive product skills, specialist agents, and slash commands. So the agent has accurate, up-to-date Vercel knowledge to draw on while it works.

npx plugins add vercel/vercel-plugin

The skills in this repo are designed to pair with the plugin: they drive the order of work for a given guide, and defer to the plugin's skills for current, detailed product guidance.

Contributing

When you add or edit a skill under skills/, regenerate the packaged archives and the table above before committing:

node scripts/sync-skills.js
# or: npm run sync

This rebuilds dist/*.skill and the Available skills table. Commit those changes as part of your pull request, CI verifies they're in sync and fails the check if they're missing or stale. Don't edit dist/ or the generated table by hand.

License

Apache-2.0.