A skill your agent uses when deploying or configuring this project on Vercel — env vars, build settings, serverless limits, and production checks for Next.js or Express.

MITAuto-check: notesBackend & APIs

Install Deploy Vercel

skills CLI
$ npx skills add johnku2011/boilerplates-with-ai-skills --skill deploy-vercel -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install johnku2011/boilerplates-with-ai-skills deploy-vercel --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/johnku2011/boilerplates-with-ai-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/shared/skills/deploy-vercel .claude/skills/deploy-vercel && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
deploy-vercel
GitHub stars
240
Token cost
~660 tokens
SKILL.md length
317 words
Files
1
Skills in repo
18
Repo updated
First seen
Licence
MIT

At a glance

A skill your agent uses when deploying or configuring this project on Vercel — env vars, build settings, serverless limits, and production checks for Next.js or Express.

  • Works in 5 steps: Connect the Git repo in the Vercel… → Framework preset: Next.js (auto-detected). → Set server-only env vars in Vercel —… → …
  • Configuring this project on Vercel — env vars
  • SKILL.md covers Overview, Pre-deploy Checklist, Next.js App Router and Express API (serverless), plus 4 more sections
  • Calls vercel and npm

What it does

Deploy Vercel is an agent skill from johnku2011/boilerplates-with-ai-skills. Use when deploying or configuring this project on Vercel — env vars, build settings, serverless limits, and production checks for Next.js or Express.

Its SKILL.md is about 660 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts. Compatibility notes: Vercel project or CLI; Node/Next or Express app

It sits in Backend & APIs, covering Serverless and Deployment. It works with Vercel, Next.js and Git. The licence is MIT.

When your agent uses it

  • Configuring this project on Vercel — env vars
  • Serverless limits
  • Production checks for Next.js

Example prompts

  • “/deploy-vercel”

Requirements

  • Compatibility (from SKILL.md): Vercel project or CLI; Node/Next or Express app
  • Pre-approved tools (allowed-tools): Read, Bash

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. Connect the Git repo in the Vercel dashboard (or vercel link + vercel deploy).
  2. Framework preset: Next.js (auto-detected).
  3. Set server-only env vars in Vercel — never prefix secrets with NEXT_PUBLIC_.
  4. Use Server Components and Route Handlers for privileged logic.
  5. After deploy, smoke-test critical routes and API handlers.

What it can do on your machine

Read from SKILL.md and the folder at commit 475dc6a. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Read
    • Bash

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • vercel
    • npm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use vercel and npm, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

  • Compatibility

    Vercel project or CLI; Node/Next or Express app

    From compatibility in the SKILL.md frontmatter.

Context cost

Deploy Vercel loads about 660 tokens when it runs. Until then it costs about 41 tokens; SKILL.md has 317 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~41
When it runs · the whole SKILL.md, loaded when a task matches
~660

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check: notes

The automated check noted patterns worth knowing about, such as sudo or a known installer.

  • NoteMentions a .env fileSKILL.md:56
    | Local dev | `.env.local` (gitignored) — never commit |
  • NoteMentions a .env fileSKILL.md:71
    - Committing `.env` or Vercel tokens to git.
  • NotePre-approves every shell command (allowed-tools: Bash)SKILL.md
    allowed-tools: Read, Bash

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from johnku2011/boilerplates-with-ai-skills at commit 475dc6a, republished under its MIT licence (© johnku2011). 317 words, ~660 tokens.

Download SKILL.mdSave it as .claude/skills/deploy-vercel/SKILL.md (or your agent's skills folder).
name
deploy-vercel
description
Use when deploying or configuring this project on Vercel — env vars, build settings, serverless limits, and production checks for Next.js or Express.
allowed-tools
Read, Bash
compatibility
Vercel project or CLI; Node/Next or Express app
license
MIT
metadata.suite
deploy

Deploy on Vercel

Overview

Ship this project to Vercel with correct env vars, build settings, and production checks. Applies to Next.js App Router and Express API boilerplates in this catalog.

Pre-deploy Checklist

  • npm run build passes locally
  • npm test passes
  • Secrets are in Vercel project settings, not in git
  • No debug logging of tokens or PII
  • Production URL and env documented in README

Next.js App Router

  1. Connect the Git repo in the Vercel dashboard (or vercel link + vercel deploy).
  2. Framework preset: Next.js (auto-detected).
  3. Set server-only env vars in Vercel — never prefix secrets with NEXT_PUBLIC_.
  4. Use Server Components and Route Handlers for privileged logic.
  5. After deploy, smoke-test critical routes and API handlers.

Common issues:

  • Build fails on server/client boundary — find "use client" leaks of server modules.
  • Missing env at build time — set vars for Production and Preview if needed.

Express API (serverless)

  1. This boilerplate ships vercel.json routing to the Express app.
  2. Set NODE_ENV=production and API secrets in Vercel env settings.
  3. Keep handlers stateless — no in-memory session stores across invocations.
  4. Run integration tests against vercel dev before promoting to production.

Common issues:

  • Cold starts — keep startup lean; lazy-load heavy deps.
  • Body size / timeout — respect Vercel function limits; return 413/504 gracefully.

Environment Variables

KindWhere
Secrets (API keys, DB URLs)Vercel → Settings → Environment Variables (Production)
Public config (analytics ID)NEXT_PUBLIC_* only when safe for browsers
Local dev.env.local (gitignored) — never commit

Post-deploy

  1. Hit health or home route; confirm expected status.
  2. Check Vercel function logs for startup errors.
  3. Run bwai scan-project on the deployed repo clone if skills changed.

Rollback

Use Vercel instant rollback to the previous production deployment if smoke tests fail. Fix forward only after identifying root cause.

Anti-patterns

  • Committing .env or Vercel tokens to git.
  • Using production secrets in Preview without understanding exposure.
  • Deploying with a red test suite or skipped security review on auth changes.

© johnku2011, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in shared/skills/deploy-vercel of johnku2011/boilerplates-with-ai-skills.

Open the folder on GitHubat commit 475dc6a

Compare with similar skills

Deploy Vercel next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Deploy Vercel compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Deploy Vercel this skilljohnku2011/boilerplates-with-ai-skills240—~660Automated safety check: NotesMIT
Vercel Deploymentdavila7/claude-code-templates32k5 repos~534Automated safety check: PassMIT
Vercelhoodini/ai-agents-skills281—~1.1kAutomated safety check: NotesNone
Vercel DeploymentsBagelHole/DevOps-Security-Agent-Skills1.1k—~1.8kAutomated safety check: NotesMIT
Authvercel/vercel-plugin301—~6.4kAutomated safety check: NotesCustom licence
Vercel Common Errorsjeremylongshore/tons-of-skills-marketplace2.8k—~1.8kAutomated safety check: PassMIT

Similar skills

  • Vercel Deployment

    davila7/claude-code-templates

    Expert knowledge for deploying to Vercel with Next.js Use when: vercel, deploy, deployment, hosting, production.

    32k GitHub starsUsed in 5 repos~534 tokens
    DevOps & CloudAuto-check passed
  • Vercel

    hoodini/ai-agents-skills

    Deploy and configure applications on Vercel. An agent skill from hoodini/ai-agents-skills.

    281 GitHub stars~1.1k tokensUpdated 2 mo ago
    Backend & APIsAuto-check: notes
  • Vercel Deployments

    BagelHole/DevOps-Security-Agent-Skills

    Deploy frontend and full-stack apps on Vercel with previews, edge functions, environment promotion, and production guardrails.

    1.1k GitHub stars~1.8k tokensUpdated 4 mo ago
    DevOps & CloudAuto-check: notes
  • Auth

    vercel/vercel-plugin

    Official

    Authentication integration guidance — Clerk (native Vercel Marketplace), Better Auth, Descope, and Auth0 setup for Next.js applications, plus Sign in with Vercel, Vercel Passport, and Vercel KMS.

    301 GitHub stars~6.4k tokensUpdated today
    Backend & APIsAuto-check: notes
  • Vercel Common Errors

    jeremylongshore/tons-of-skills-marketplace

    Diagnose and fix common Vercel deployment and function errors.

    2.8k GitHub stars~1.8k tokensUpdated today
    Backend & APIsAuto-check passed
  • Vercel Known Pitfalls

    jeremylongshore/tons-of-skills-marketplace

    Identify and avoid Vercel anti-patterns and common integration mistakes.

    2.8k GitHub stars~2.5k tokensUpdated today
    Backend & APIsAuto-check passed

More from johnku2011/boilerplates-with-ai-skills

All 18 skills in this repo
  • Project Security

    johnku2011/boilerplates-with-ai-skills

    A skill your agent uses when reviewing security-sensitive code paths — check auth, secrets, input validation, dependency risk, and data exposure before shipping.

    240 GitHub stars~650 tokensUpdated 1 mo ago
    Auto-check passed
  • Code Review

    johnku2011/boilerplates-with-ai-skills

    A skill your agent uses when reviewing a diff or pull request — check correctness, tests, readability, security, and server/client boundaries before approving.

    240 GitHub stars~708 tokensUpdated 1 mo ago
    Auto-check passed
  • Python API Design

    johnku2011/boilerplates-with-ai-skills

    A skill your agent uses when adding or changing FastAPI routes, dependencies, or tests in this Python service — keep endpoints typed, validated, and covered by pytest.

    240 GitHub stars~449 tokensUpdated 1 mo ago
    Auto-check passed
  • Bwai Advisor

    johnku2011/boilerplates-with-ai-skills

    Use before scaffolding a bwai project — runs the full startup-goal workflow then recommends the right boilerplate and outputs the exact bwai new command to run.

    240 GitHub stars~1.2k tokensUpdated 1 mo ago
    Auto-check passed
  • Express API Design

    johnku2011/boilerplates-with-ai-skills

    A skill your agent uses when adding or changing routes, middleware, or error handling in this Express.js API, to keep endpoints consistent, validated, and testable.

    240 GitHub stars~575 tokensUpdated 1 mo ago
    Auto-check passed
  • Nextjs App Router

    johnku2011/boilerplates-with-ai-skills

    A skill your agent uses when adding pages, layouts, route handlers, or data fetching in this Next.js App Router project, to follow server-first conventions correctly.

    240 GitHub stars~587 tokensUpdated 1 mo ago
    Auto-check passed

Questions about Deploy Vercel

What does Deploy Vercel do?

A skill your agent uses when deploying or configuring this project on Vercel — env vars, build settings, serverless limits, and production checks for Next.js or Express. Deploy Vercel is an agent skill from johnku2011/boilerplates-with-ai-skills.js or Express.

When should I use Deploy Vercel?

Deploy Vercel fits situations like: configuring this project on Vercel — env vars; serverless limits; production checks for Next.js.

How do I install Deploy Vercel in Claude Code?

Run `npx skills add johnku2011/boilerplates-with-ai-skills --skill deploy-vercel -a claude-code`. Or copy the skill folder (shared/skills/deploy-vercel in johnku2011/boilerplates-with-ai-skills) into .claude/skills/deploy-vercel in your project. Claude Code loads it when a task matches its description.

How do I install Deploy Vercel in Codex?

Run `npx skills add johnku2011/boilerplates-with-ai-skills --skill deploy-vercel -a codex`. Or copy the skill folder (shared/skills/deploy-vercel in johnku2011/boilerplates-with-ai-skills) into .agents/skills/deploy-vercel in your project. Codex loads it when a task matches its description.

Can I use Deploy Vercel in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add johnku2011/boilerplates-with-ai-skills --skill deploy-vercel -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/deploy-vercel, .gemini/skills/deploy-vercel, .github/skills/deploy-vercel and .opencode/skills/deploy-vercel in your project.

What does Deploy Vercel need to run?

Going by SKILL.md and its folder, Deploy Vercel needs the command-line tools its instructions call (vercel and npm). Its frontmatter pre-approves these tools: Read, Bash. Compatibility (from SKILL.md): Vercel project or CLI; Node/Next or Express app.

Does Deploy Vercel access the network?

SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Deploy Vercel safe to install?

Our automated static check of SKILL.md found notes only (mentions a .env file; pre-approves every shell command (allowed-tools: bash)), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.

What licence does Deploy Vercel use?

Deploy Vercel is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Deploy Vercel use?

About 660 tokens (SKILL.md is roughly 2.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Deploy Vercel?

Skills that share tags, products or a category with Deploy Vercel: Vercel Deployment (davila7/claude-code-templates, 32k stars), Vercel (hoodini/ai-agents-skills, 281 stars), Vercel Deployments (BagelHole/DevOps-Security-Agent-Skills, 1.1k stars) and Auth (vercel/vercel-plugin, 301 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Deploy Vercel?

johnku2011 (a GitHub user) maintains it in johnku2011/boilerplates-with-ai-skills, which has 240 GitHub stars. The repository holds 18 skills in this directory. The repository was last updated on August 24, 2026.

Source: johnku2011/boilerplates-with-ai-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.