Vercel

Browse agent skills tagged with Vercel and compare related workflows across the directory.

20 skills
A
nextjs-turbopack

by affaan-m

The nextjs-turbopack skill helps you use Turbopack in Next.js 16+ for faster local development, HMR, and bundler decisions. Use it as a practical nextjs-turbopack guide for install, usage, and when to switch back to webpack in Frontend Development workflows.

Frontend Development
Favorites 0GitHub 156.2k
A
bun-runtime

by affaan-m

The bun-runtime skill helps you choose Bun for new JavaScript or TypeScript projects, Node migration, scripts, tests, and Vercel setups. It covers bun-runtime usage, install guidance, Bun vs Node tradeoffs, and practical workflows for frontend and full-stack development.

Frontend Development
Favorites 0GitHub 156.1k
G
setup-deploy

by garrytan

setup-deploy is a deployment-setup skill for gstack that detects your deploy platform, production URL, health check endpoint, and deploy status command, then writes the configuration to CLAUDE.md for repeatable future deploys. Use it when you need setup-deploy usage that turns deployment discovery into a saved project workflow.

Deployment
Favorites 0GitHub 91.8k
W
nextjs-app-router-patterns

by wshobson

nextjs-app-router-patterns helps developers plan Next.js 14+ App Router architecture, including Server Components, streaming, caching, route handlers, and Server Actions for full-stack development and Pages Router migrations.

Full-Stack Development
Favorites 0GitHub 32.5k
V
vercel-cli-with-tokens

by vercel-labs

vercel-cli-with-tokens helps agents use the Vercel CLI with access tokens instead of interactive login. Follow its auth-first workflow to find a token, export VERCEL_TOKEN, and then handle deploy, link, or env management tasks in headless or CI-style environments.

Deployment
Favorites 0GitHub 24k
V
deploy-to-vercel

by vercel-labs

deploy-to-vercel is a Vercel deployment skill that checks repo state, local project linking, CLI auth, and team scope before deploying. It defaults to preview deploys, supports helper scripts, and helps return the deployment URL with less guesswork.

Deployment
Favorites 0GitHub 24k
V
web-design-guidelines

by vercel-labs

web-design-guidelines reviews UI code against Vercel Web Interface Guidelines, fetching the latest rules and returning terse file:line findings for focused UX and accessibility audits.

UX Audit
Favorites 0GitHub 24k
V
develop-ai-functions-example

by vercel

develop-ai-functions-example helps you create or modify runnable AI SDK examples in vercel/ai under examples/ai-functions/src/. Use it to choose the right category, match repo conventions, and build minimal examples for provider validation, demos, or fixtures.

Skill Examples
Favorites 0GitHub 23.1k
V
add-provider-package

by vercel

add-provider-package is a focused guide for creating a new @ai-sdk/<provider> package in vercel/ai. It helps contributors and API teams follow the AI SDK provider architecture, package structure, and implementation workflow when adding a provider.

API Development
Favorites 0GitHub 23.1k
V
next-best-practices

by vercel-labs

next-best-practices is a practical Next.js skill for App Router work, covering file conventions, RSC boundaries, async APIs, data patterns, route handlers, bundling, and error handling.

Frontend Development
Favorites 0GitHub 784
V
next-cache-components

by vercel-labs

next-cache-components teaches Next.js 16 Cache Components: enable cacheComponents, use `use cache`, set cacheLife, apply cacheTag, and stream dynamic sections with Suspense.

Performance Optimization
Favorites 0GitHub 784
V
next-upgrade

by vercel-labs

The next-upgrade skill helps upgrade real Next.js projects using official migration guides, codemods, incremental version steps, and coordinated dependency updates.

Code Editing
Favorites 0GitHub 784
A
project-tooling

by alinaqi

project-tooling helps verify gh, vercel, supabase, and optional render CLI setup for deployment, CI/CD, and workflow automation. Use this project-tooling guide to confirm install status, authentication, and readiness before running repo or platform tasks.

Workflow Automation
Favorites 0GitHub 611
P
videoagent-video-studio

by pexoai

videoagent-video-studio is a skill for generating short AI videos from text, images, and references. Use it to test text-to-video and image-to-video workflows, compare supported models, and run the hosted proxy or self-hosted setup with Node 18+.

Video Editing
Favorites 0GitHub 456
P
videoagent-image-studio

by pexoai

videoagent-image-studio is a unified image generation skill for Node-based agents. It offers one CLI flow for Midjourney, Flux, Ideogram, Recraft, SDXL, and more, with proxy-backed setup, model selection guidance, and normalized outputs for automation.

Image Generation
Favorites 0GitHub 456
C
web-design-guidelines

by Charlie85270

Use web-design-guidelines to review UI code against the latest Web Interface Guidelines. Ideal for a focused web-design-guidelines for UX Audit workflow with terse file:line findings, accessibility checks, and interface compliance review before release.

UX Audit
Favorites 0GitHub 0
C
vercel-react-best-practices

by Charlie85270

vercel-react-best-practices is a performance-focused guide for React and Next.js work from Vercel Engineering. Use the vercel-react-best-practices skill when refactoring components, routes, or data fetching to reduce waterfalls, shrink bundles, improve rendering, and ship faster frontend code.

Frontend Development
Favorites 0GitHub 0
O
vercel-deploy

by openai

vercel-deploy helps you deploy apps and websites to Vercel with minimal setup. It is built for preview-first deployments, clear install and usage steps, and a reliable fallback when the CLI is unavailable or auth is missing. Use it for fast shareable links, then publish production only when requested.

Deployment
Favorites 0GitHub 0
N
netlify-blobs

by netlify

netlify-blobs is a guide for zero-config object storage in Backend Development. Use the netlify-blobs skill to install and manage files, images, uploads, exports, and cached binary artifacts with getStore(), CRUD operations, metadata, and local development. It is not for dynamic data; use Netlify Database instead.

Backend Development
Favorites 0GitHub 0
V
ai-sdk

by vercel

Use the ai-sdk skill to install the core ai package, verify current docs, and apply modern usage patterns for streaming, tools, agents, useChat, and gateway-first setup in full-stack apps.

Full-Stack Development
Favorites 0GitHub 0