New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Vercel Deploy Preview

by jeremylongshore in jeremylongshore/tons-of-skills-marketplace

Create and manage Vercel preview deployments for branches and pull requests.

MITAuto-check passedDevelopment

Install Vercel Deploy Preview

skills CLI
$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill vercel-deploy-preview -a claude-code

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

GitHub CLI
$ gh skill install jeremylongshore/tons-of-skills-marketplace vercel-deploy-preview --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/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/.curated/vercel-deploy-preview .claude/skills/vercel-deploy-preview && 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
vercel-deploy-preview
GitHub stars
2.8k
Token cost
~1.6k tokens
SKILL.md length
366 words
Files
1
Skills in repo
3,342
Repo updated
First seen
Licence
MIT

At a glance

Create and manage Vercel preview deployments for branches and pull requests.

  • Works in 6 steps: Deploy Preview via CLI → Deploy Preview via REST API → Check Deployment Status → …
  • Deploying a preview for a pull request
  • SKILL.md covers Overview, Prerequisites, Instructions and Preview URL Patterns, plus 5 more sections
  • Calls vercel, curl and jq; reaches vercel.com and api.vercel.com; needs VERCEL_TOKEN

What it does

Vercel Deploy Preview is an agent skill from jeremylongshore/tons-of-skills-marketplace. Create and manage Vercel preview deployments for branches and pull requests. Use when deploying a preview for a pull request, testing changes before production, or sharing preview URLs with stakeholders. Trigger with phrases like "vercel deploy preview", "vercel preview URL", "create preview deployment", "vercel PR preview".

Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts. Compatibility notes: Designed for Claude Code

It sits in Development, covering Deployment and Pull requests. It works with Vercel, GitHub and Git. The repository describes itself as: Model-agnostic agent-skills platform with a harness-free canonical layer, verified adapters, and the ccpi package manager. Explore at tonsofskills.com. The licence is MIT.

When your agent uses it

  • Deploying a preview for a pull request
  • Testing changes before production
  • Sharing preview URLs with stakeholders
  • With phrases like vercel deploy preview

Example prompts

  • “vercel deploy preview”
  • “vercel preview URL”
  • “create preview deployment”
  • “/vercel-deploy-preview”

Requirements

  • A credential in VERCEL_TOKEN
  • Compatibility (from SKILL.md): Designed for Claude Code
  • Pre-approved tools (allowed-tools): Read, Write, Edit, Bash(vercel:*), Bash(curl:*), Bash(git:*), Grep

Workflow steps

6 steps, taken from the step headings in SKILL.md.

  1. Deploy Preview via CLI
  2. Deploy Preview via REST API
  3. Check Deployment Status
  4. Configure Preview Environment Variables
  5. Deployment Protection
  6. GitHub Integration — PR Comments

What it can do on your machine

Read from SKILL.md and the folder at commit cfae287. 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
    • Write
    • Edit
    • Bash(vercel:*)
    • Bash(curl:*)
    • Bash(git:*)
    • Grep

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • vercel
    • curl
    • jq
    • git

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

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • vercel.com
    • api.vercel.com

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

  • Credentials

    Names these keys or tokens, usually read from environment variables:

    • VERCEL_TOKEN

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

  • Compatibility

    Designed for Claude Code

    From compatibility in the SKILL.md frontmatter.

Context cost

Vercel Deploy Preview loads about 1.6k tokens when it runs. Until then it costs about 87 tokens; SKILL.md has 366 words of instructions outside code blocks.

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

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 passed

The automated check found no risky patterns in SKILL.md.

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 jeremylongshore/tons-of-skills-marketplace at commit cfae287, republished under its MIT licence (© jeremylongshore). 366 words, ~1,561 tokens.

Download SKILL.mdSave it as .claude/skills/vercel-deploy-preview/SKILL.md (or your agent's skills folder).
name
vercel-deploy-preview
description
Create and manage Vercel preview deployments for branches and pull requests. Use when deploying a preview for a pull request, testing changes before production, or sharing preview URLs with stakeholders. Trigger with phrases like "vercel deploy preview", "vercel preview URL", "create preview deployment", "vercel PR preview".
allowed-tools
Read, Write, Edit, Bash(vercel:*), Bash(curl:*), Bash(git:*), Grep
compatibility
Designed for Claude Code
version
1.18.0
license
MIT
author
Jeremy Longshore <jeremy@intentsolutions.io>
tags
saas, vercel, deployment, preview, workflow

Vercel Deploy Preview

Overview

Deploy preview environments for branches and pull requests. Every git push to a non-production branch generates a unique preview URL. Covers CLI-based previews, API-based previews, deployment protection, and comment integration.

Prerequisites

  • Completed vercel-install-auth setup
  • Project linked via vercel link
  • Git repository connected in Vercel dashboard

Instructions

Step 1: Deploy Preview via CLI
bash
# Deploy current directory to a preview URL (default — not --prod)
vercel

# Output:
# 🔗 Linked to your-team/my-app
# 🔍 Inspect: https://vercel.com/your-team/my-app/AbCdEfG
# ✅ Preview: https://my-app-git-feature-branch-your-team.vercel.app

# Deploy a specific directory
vercel ./dist

# Deploy and wait for build to complete (useful in CI)
vercel --no-wait  # returns immediately with deployment URL
Step 2: Deploy Preview via REST API
bash
# Create a deployment via API — useful for custom CI pipelines
curl -X POST "https://api.vercel.com/v13/deployments" \
  -H "Authorization: Bearer $VERCEL_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{
    "name": "my-app",
    "target": "preview",
    "gitSource": {
      "type": "github",
      "repoId": "123456789",
      "ref": "feature/new-feature",
      "sha": "abc123def456"
    }
  }'
Step 3: Check Deployment Status
bash
# Poll deployment status until READY
curl -s -H "Authorization: Bearer $VERCEL_TOKEN" \
  "https://api.vercel.com/v13/deployments/dpl_xxxxxxxxxxxx" \
  | jq '{state: .state, url: .url, readyState: .readyState}'

# States: QUEUED → BUILDING → READY (or ERROR/CANCELED)
typescript
// Programmatic polling
async function waitForDeployment(client: VercelClient, deploymentId: string) {
  while (true) {
    const d = await client.getDeployment(deploymentId);
    if (d.state === 'READY') return d;
    if (d.state === 'ERROR' || d.state === 'CANCELED') {
      throw new Error(`Deployment ${d.state}: ${deploymentId}`);
    }
    await new Promise(r => setTimeout(r, 5000)); // poll every 5s
  }
}
Step 4: Configure Preview Environment Variables
bash
# Add env vars scoped to preview only
vercel env add DATABASE_URL preview
# Enter value when prompted

# Or via API — scope to preview environment
curl -X POST "https://api.vercel.com/v9/projects/my-app/env" \
  -H "Authorization: Bearer $VERCEL_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{
    "key": "DATABASE_URL",
    "value": "postgres://preview-db:5432/myapp",
    "type": "encrypted",
    "target": ["preview"]
  }'
Step 5: Deployment Protection

Vercel supports password-protecting preview deployments:

json
// vercel.json — require authentication for previews
{
  "deploymentProtection": {
    "preview": "vercel-authentication"
  }
}

Options:

  • "vercel-authentication" — requires Vercel team login
  • "standard-protection" — bypass for automation with x-vercel-protection-bypass header
  • Disabled — previews are publicly accessible
Step 6: GitHub Integration — PR Comments

When a GitHub repo is connected, Vercel automatically:

  1. Creates a preview deployment on every push
  2. Posts a comment on the PR with the preview URL
  3. Updates the GitHub commit status (pending → success/failure)
  4. Adds "Visit Preview" link in the PR checks section

To configure in the Vercel dashboard:

  • Settings > Git > Deploy Hooks for manual triggers
  • Settings > Git > Ignored Build Step to skip builds for certain paths
bash
# Ignored Build Step — skip deploy when only docs changed
# vercel.json
{
  "ignoreCommand": "git diff HEAD^ HEAD --quiet -- . ':!docs' ':!*.md'"
}

Preview URL Patterns

BranchURL Pattern
feature/authmy-app-git-feature-auth-team.vercel.app
fix/bug-123my-app-git-fix-bug-123-team.vercel.app
Random deploymy-app-abc123def.vercel.app

Output

  • Preview deployment URL unique to each branch/commit
  • Build logs accessible via Vercel dashboard or API
  • PR comment with preview link (GitHub integration)
  • Environment variables scoped to preview only
Show full SKILL.md (148 more words)Show less

Error Handling

ErrorCauseSolution
BUILD_FAILEDBuild command failedCheck build logs: vercel inspect <url>
FUNCTION_INVOCATION_FAILEDRuntime error in functionReview function logs: vercel logs <url>
NO_BUILDSNo output detectedVerify outputDirectory in vercel.json
Preview not updatingCached old deploymentForce rebuild: vercel --force
DEPLOYMENT_BLOCKEDDeployment protection activeUse x-vercel-protection-bypass header

Examples

Verify a protected preview without leaking the bypass secret

Create a preview for a pull request, use a CI-held deployment-protection bypass token only in the automated smoke job, and request a harmless /health endpoint. Publish the preview URL and the commit SHA in the pull request, but never print the bypass header or token. Confirm the same URL is inaccessible without approved access, then expire the preview or retain it under the repository’s documented review window.

Resources

Next Steps

For edge function development, see vercel-edge-functions.

© jeremylongshore, 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 skills/.curated/vercel-deploy-preview of jeremylongshore/tons-of-skills-marketplace.

Open the folder on GitHubat commit cfae287

Compare with similar skills

Vercel Deploy Preview 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.

Vercel Deploy Preview compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Vercel Deploy Preview this skilljeremylongshore/tons-of-skills-marketplace2.8k—~1.6kAutomated safety check: PassMIT
Create PRvercel/next.js143k—~978Automated safety check: PassMIT
Nestjs Git Commit PR Messageaiskillstore/marketplace433—~2.4kAutomated safety check: PassMIT
Quartz Wikiliangdabiao/llm-wiki156—~861Automated safety check: PassNone
Ansible Backport Creatoransible/ansible71k—~1.2kAutomated safety check: PassGPL-3.0
ZCF Release AutomationUfoMiao/zcf6.1k—~3.4kAutomated safety check: PassMIT

Similar skills

  • Create PR

    vercel/next.js

    Official

    Create Git branches, commits, pushes, and GitHub pull requests for Next.js.

    143k GitHub stars~978 tokensUpdated today
    DevelopmentAuto-check passed

  • Nestjs Git Commit PR Message

    aiskillstore/marketplace

    Prepares and publishes intentional Git changes for NestJS projects.

    433 GitHub stars~2.4k tokensUpdated today
    DevelopmentAuto-check passed

  • Quartz Wiki

    liangdabiao/llm-wiki

    Set up and deploy Quartz v4 static site for markdown wikis. An agent skill from liangdabiao/llm-wiki.

    156 GitHub stars~861 tokensUpdated 5 mo ago
    Knowledge ManagementAuto-check passed

  • Ansible Backport Creator

    ansible/ansible

    Creates backports of a merged Ansible devel pull request onto the right stable branches by cherry-picking its merge commit onto new backport branches.

    71k GitHub stars~1.2k tokensUpdated today
    DevelopmentAuto-check passed

  • ZCF Release Automation

    UfoMiao/zcf

    Automates a version release with changesets: analyzes code changes, writes a bilingual CHANGELOG, bumps the version and commits through a release branch and pull request.

    6.1k GitHub stars~3.4k tokensUpdated 1 mo ago
    DevelopmentAuto-check passed

  • ClawRouter Release Checklist

    BlockRunAI/ClawRouter

    Walks the agent through every ClawRouter release step in order, from the version bump and changelog entry to build, tests, npm publish, git tag and GitHub release.

    6.6k GitHub stars~1.4k tokensUpdated 5 days ago
    DevelopmentAuto-check passed

More from jeremylongshore/tons-of-skills-marketplace

All 3,342 skills in this repo

  • Performing Security Code Review

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill enables AI assistant to conduct a security-focused code review using the security-agent plugin.

    2.8k GitHub starsUsed in 2 repos~1.3k tokens
    Auto-check: notes

  • Adapting Transfer Learning Models

    jeremylongshore/tons-of-skills-marketplace

    Build this skill automates the adaptation of pre-trained machine learning models using transfer learning techniques.

    2.8k GitHub stars~1.1k tokensUpdated today
    Auto-check passed

  • Agent Context Loader

    jeremylongshore/tons-of-skills-marketplace

    Execute proactive auto-loading: automatically detects and loads agents.md files.

    2.8k GitHub stars~1.1k tokensUpdated today
    Auto-check passed

  • Aggregating Performance Metrics

    jeremylongshore/tons-of-skills-marketplace

    Aggregate and centralize performance metrics from applications, systems, databases, caches, and services.

    2.8k GitHub stars~1.2k tokensUpdated today
    Auto-check passed

  • Analyzing Capacity Planning

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill enables AI assistant to analyze capacity requirements and plan for future growth.

    2.8k GitHub stars~947 tokensUpdated today
    Auto-check passed

  • Analyzing Database Indexes

    jeremylongshore/tons-of-skills-marketplace

    Process use when you need to work with database indexing. An agent skill from jeremylongshore/tons-of-skills-marketplace.

    2.8k GitHub stars~2k tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Vercel Deploy Preview

What does Vercel Deploy Preview do?

Create and manage Vercel preview deployments for branches and pull requests. Vercel Deploy Preview is an agent skill from jeremylongshore/tons-of-skills-marketplace. Create and manage Vercel preview deployments for branches and pull requests.

When should I use Vercel Deploy Preview?

Vercel Deploy Preview fits situations like: deploying a preview for a pull request; testing changes before production; sharing preview URLs with stakeholders; with phrases like vercel deploy preview.

How do I install Vercel Deploy Preview in Claude Code?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill vercel-deploy-preview -a claude-code`. Or copy the skill folder (skills/.curated/vercel-deploy-preview in jeremylongshore/tons-of-skills-marketplace) into .claude/skills/vercel-deploy-preview in your project. Claude Code loads it when a task matches its description.

How do I install Vercel Deploy Preview in Codex?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill vercel-deploy-preview -a codex`. Or copy the skill folder (skills/.curated/vercel-deploy-preview in jeremylongshore/tons-of-skills-marketplace) into .agents/skills/vercel-deploy-preview in your project. Codex loads it when a task matches its description.

Can I use Vercel Deploy Preview 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 jeremylongshore/tons-of-skills-marketplace --skill vercel-deploy-preview -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/vercel-deploy-preview, .gemini/skills/vercel-deploy-preview, .github/skills/vercel-deploy-preview and .opencode/skills/vercel-deploy-preview in your project.

What does Vercel Deploy Preview need to run?

Going by SKILL.md and its folder, Vercel Deploy Preview needs the command-line tools its instructions call (vercel, curl, jq and git) and credentials named VERCEL_TOKEN. Our summary lists: A credential in VERCEL_TOKEN. Its frontmatter pre-approves these tools: Read, Write, Edit, Bash(vercel:*), Bash(curl:*), Bash(git:*), Grep. Compatibility (from SKILL.md): Designed for Claude Code.

Does Vercel Deploy Preview access the network?

SKILL.md names 2 domains. In commands or code: vercel.com and api.vercel.com; the agent is likely to contact these when it follows the instructions. This is read from the text; nothing was executed.

Is Vercel Deploy Preview safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Vercel Deploy Preview use?

Vercel Deploy Preview 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 Vercel Deploy Preview use?

About 1.6k tokens (SKILL.md is roughly 6.2k 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 Vercel Deploy Preview?

Skills that share tags, products or a category with Vercel Deploy Preview: Create PR (vercel/next.js, 143k stars), Nestjs Git Commit PR Message (aiskillstore/marketplace, 433 stars), Quartz Wiki (liangdabiao/llm-wiki, 156 stars) and Ansible Backport Creator (ansible/ansible, 71k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Vercel Deploy Preview?

jeremylongshore (a GitHub user) maintains it in jeremylongshore/tons-of-skills-marketplace, which has 2,827 GitHub stars. The repository holds 3,342 skills in this directory. The repository was last updated on October 10, 2026.

Source: jeremylongshore/tons-of-skills-marketplace on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.