Skip to content
Skillpedia
Deploy & cloud (DevOps)48k · #2757

deploy-to-vercel

Lets your agent put websites and apps online on a platform called Vercel. Use when the user asks to publish something online.

What it does

This tool helps put your website or application online using the Vercel platform. It does this automatically, setting everything up so your project becomes accessible online.

When to use it

  • ✓When you want to publish a website you've created.
  • ✓When you ask to 'put my app live'.
  • ✓When you want a link to show your project to others.

Example of what to ask your AI

“Put my website online and give me the link, please.”

Want more? Open the sections below.

How to use

The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.

Skill link

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/deploy-to-vercel/SKILL.md

Ready-to-paste message

Use this skill to help me: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/deploy-to-vercel/SKILL.md Read the SKILL.md file at that link and follow its instructions for my task.
How it works

The tool checks if your project is already connected to Vercel. If it is, it sends the updates. If not, it sets up the connection and then sends the updates so your website goes live.

Installation

Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.

In the terminal (Claude Code, Codex, Cursor), in your project folder:

npx skills add sickn33/agentic-awesome-skills --skill deploy-to-vercel

Or download just the file:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/deploy-to-vercel/SKILL.md -o SKILL.md
Technical content (original SKILL.md)

Original text by the author, straight from GitHub.

Deploy to Vercel

Deploy any project to Vercel. Always deploy as preview (not production) unless the user explicitly asks for production.

The goal is to get the user into the best long-term setup: their project linked to Vercel with git-push deploys. Every method below tries to move the user closer to that state.

When to Use

  • Use this skill when the task matches this description: 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".

Step 1: Gather Project State

Run all four checks before deciding which method to use:

# 1. Check for a git remote
git remote get-url origin 2>/dev/null

# 2. Check if locally linked to a Vercel project (either file means linked)
cat .vercel/project.json 2>/dev/null || cat .vercel/repo.json 2>/dev/null

# 3. Check if the Vercel CLI is installed and authenticated
vercel whoami 2>/dev/null

# 4. List available teams (if authenticated)
vercel teams list --format json 2>/dev/null

Team selection

If the user belongs to multiple teams, present all available team slugs as a bulleted list and ask which one to deploy to. Once the user picks a team, proceed immediately to the next step — do not ask for additional confirmation.

Pass the team slug via --scope on all subsequent CLI commands (vercel deploy, vercel link, vercel inspect, etc.):

vercel deploy [path] -y --no-wait --scope <team-slug>

If the project is already linked (.vercel/project.json or .vercel/repo.json exists), the orgId in those files determines the team — no need to ask again. If there is only one team (or just a personal account), skip the prompt and use it directly.

About the .vercel/ directory: A linked project has either:

  • .vercel/project.json — created by vercel link (single project linking). Contains projectId and orgId.
  • .vercel/repo.json — created by vercel link --repo (repo-based linking). Contains orgId, remoteName, and a projects array mapping directories to Vercel project IDs.

Either file means the project is linked. Check for both.

Do NOT use vercel project inspect, vercel ls, or vercel link to detect state in an unlinked directory — without a .vercel/ config, they will interactively prompt (or with --yes, silently link as a side-effect). Only vercel whoami is safe to run anywhere.

Step 2: Choose a Deploy Method

Linked (.vercel/ exists) + has git remote → Git Push

This is the ideal state. The project is linked and has git integration.

  1. Ask the user before pushing. Never push without explicit approval:

    This project is connected to Vercel via git. I can commit and push to
    trigger a deployment. Want me to proceed?
    
  2. Commit and push:

    git add .
    git commit -m "deploy: <description of changes>"
    git push
    

    Vercel automatically builds from the push. Non-production branches get preview deployments; the production branch (usually main) gets a production deployment.

  3. Retrieve the preview URL. If the CLI is authenticated:

    sleep 5
    vercel ls --format json
    

    The JSON output has a deployments array. Find the latest entry — its url field is the preview URL.

    If the CLI is not authenticated, tell the user to check the Vercel dashboard or the commit status checks on their git provider for the preview URL.


Linked (.vercel/ exists) + no git remote → vercel deploy

The project is linked but there's no git repo. Deploy directly with the CLI.

vercel deploy [path] -y --no-wait

Use --no-wait so the CLI returns immediately with the deployment URL instead of blocking until the build finishes (builds can take a while). Then check on the deployment status with:

vercel inspect <deployment-url>

For production deploys (only if user explicitly asks):

vercel deploy [path] --prod -y --no-wait

Not linked + CLI is authenticated → Link first, then deploy

The CLI is working but the project isn't linked yet. This is the opportunity to get the user into the best state.

  1. Ask the user which team to deploy to. Present the team slugs from Step 1 as a bulleted list. If there's only one team (or just a personal account), skip this step.

…

FAQ

What is 'deploy'?

'Deploy' is the term for the process of putting a website or application online, making it accessible via the internet.

What is Vercel?

Vercel is a platform that makes it easy to publish and host websites and applications online, handling the infrastructure for you.

Why 'deploy as preview'?

Doing a 'preview deploy' means the version that goes live is a test or preview version, without replacing the main version of your website. This is safer for testing new features.

Details

Original description by the author

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\".

repo: sickn33/agentic-awesome-skills

Popularity

GitHub stars
48k
Ranking position
#2757
License
MIT
Updated
10/15/2026

Is this skill useful?

0

Sign in to vote.

Comments

  • …

More skills from this repository

Similar skills