agentleFS
ezmichaelyezmichaely/make-it-ezy/.agents/skills/deploy-to-vercel/SKILL.md

deploy-to-vercel

Skill0 starsChanged 9 days agoMITView on GitHub

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

  • Installs packages
  • Commits and pushes

55 other projects use a version of this, 50 of them edited; 0 new projects in the last 4 weeks, against 1 the 4 before.

Adopted by

Cooling: 0 new projects took it in the last 4 weeks, 0× the 4 weeks before.thin data

Week of Sep 13: 0 new projectsWeek of Sep 20: 0 new projectsWeek of Sep 27: 1 new projectWeek of Oct 4: 0 new projectsWeek of Oct 11: 0 new projectsWeek of Oct 18: 0 new projectsWeek of Oct 25: 0 new projectsWeek of Nov 1: 0 new projects
Sep 2026Oct 2026Nov 2026
New projects taking a version of this file each week, over the 8 weeks our latest run read: only 1 in all, so this is a hint, not a trend.

Most recently taken up by

Used with

Projects with it also use nodejs-backend-patterns, nodejs-best-practices and 5 more.

Other files people use alongside this one.

Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
  • xfstudioSkill

    nodejs-backend-patterns

    Build production-ready Node.js backend services with Express/Fastify, implementing middleware patterns, error handling, authentication, database integration, and API design best practices. Use when creating Node.js servers, REST APIs, GraphQL backends, or microservices architectures.

    Also in 6 projects that use this

  • xenitV1Skill

    nodejs-best-practices

    Node.js development principles and decision-making. Framework selection, async patterns, security, and architecture. Teaches thinking, not copying.

    Also in 5 projects that use this

  • midudevSkill

    tailwind-css-patterns

    Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive layouts, implementing design systems, or optimizing CSS workflow.

    Also in 4 projects that use this

  • nicepkgSkill

    tailwind-v4-shadcn

    Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

    Also in 3 projects that use this

  • VercelSkill

    next-upgrade

    Upgrade Next.js to the latest version following official migration guides and codemods

    Also in 3 projects that use this

  • xfstudioSkill

    typescript-advanced-types

    Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.

    Also in 5 projects that use this

The file

Show its rules and text

We split this skill into the rules it gives an agent

18 rules. 8 are common, 1 is distinctive, and 9 are very specific to this project.

  • 8

    Common

    Most of the 53 edited versions we read keep these.

  • 1

    Distinctive

    This author's own choices. Worth a look.

  • 9

    Very specific

    Tied to their project's names, files or tools. Probably skip.

  • Common
  • Distinctive
  • Very specific
  1. Common:

    Run all four checks before deciding which method to use:

    line 17
  2. Common:

    If the user belongs to multiple teams, present all available team slugs as a bulleted list and ask which one to deploy to.

    line 35
  3. Very specific:

    If the project is already linked (.vercel/project.json or .vercel/repo.json exists), the orgId in those files determines the team — no need …

    line 43
  4. Very specific:

    Do NOT: use vercel project inspect, vercel ls, or vercel link to detect state in an unlinked directory — without a .vercel/ config, they …

    line 51
  5. Common:

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

    line 59
  6. Common:

    Retrieve the preview URL: If the CLI is authenticated:

    line 73
  7. Common:

    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 …

    line 80
  8. Very specific:

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

    line 92
  9. Common:

    If a git remote exists → commit and push (see git push method above)

    line 130
  10. Very specific:

    If no git remote → vercel deploy [path] -y --no-wait --scope <team-slug>, then vercel inspect <url> to check status

    line 131
  11. Distinctive:

    No account is needed. The CLI builds locally, deploys to a temporary production URL, and prints a claim URL plus how long until the …

    line 170
  12. Very specific:

    Escalated network access (Codex): Only escalate the deploy command if sandboxing blocks the network call …

    line 176
  13. Very specific:

    Check whether the CLI is logged in with vercel whoami.

    line 188
  14. Common:

    Always show the user the deployment URL.

    line 194
  15. Very specific:

    Git push: Use vercel ls --format json to find the preview URL.

    line 196
  16. Common:

    If deployment fails due to network restrictions on claude.ai, tell the user:

    line 208
  17. Very specific:

    If deployment fails due to network issues (timeouts, DNS errors, connection resets) in a sandboxed environment, rerun with escalated …

    line 220
  18. Very specific:

    If vercel login or vercel deploy fails with authentication errors, use the no-auth fallback: vercel deploy --temporary -y.

    line 230

“Common” is measured: kept by at least 6 in 10 of the 53 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.

Keep what fits and drop the rest. Your version, ready for your agents.
Files
SKILL.md

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.

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.
  2. Once a team is selected, proceed directly to linking. Tell the user what will happen but do not ask for separate confirmation:
    Linking this project to <team name> on Vercel. This will create a Vercel
    project to deploy to and enable automatic deployments on future git pushes.
  3. If a git remote exists, use repo-based linking with the selected team scope:

    vercel link --repo --scope <team-slug>

    This reads the git remote URL and matches it to existing Vercel projects that deploy from that repo. It creates .vercel/repo.json. This is much more reliable than vercel link (without --repo), which tries to match by directory name and often fails when the local folder and Vercel project are named differently.

    If there is no git remote, fall back to standard linking:

    vercel link --scope <team-slug>

    This prompts the user to select or create a project. It creates .vercel/project.json.

  4. Then deploy using the best available method:
    • If a git remote exists → commit and push (see git push method above)
    • If no git remote → vercel deploy [path] -y --no-wait --scope <team-slug>, then vercel inspect <url> to check status

Not linked + CLI not authenticated → Install, auth, link, deploy

The Vercel CLI isn't set up at all.

  1. Install the CLI (if not already installed):
    npm install -g vercel
  2. Authenticate:
    vercel login
    The user completes auth in their browser. If running in a non-interactive environment where login is not possible, skip to the no-auth fallback below.
  3. Ask which team to deploy to — present team slugs from vercel teams list --format json as a bulleted list. If only one team / personal account, skip. Once selected, proceed immediately.
  4. Link the project with the selected team scope (use --repo if a git remote exists, plain vercel link otherwise):
    vercel link --repo --scope <team-slug>   # if git remote exists
    vercel link --scope <team-slug>          # if no git remote
  5. Deploy using the best available method (git push if remote exists, otherwise vercel deploy -y --no-wait --scope <team-slug>, then vercel inspect <url> to check status).

No-Auth Fallback — vercel deploy --temporary

When to use: The CLI has no credentials and vercel login isn't possible (sandboxes, agents, non-interactive environments). Do not ask the user to approve a CLI login or device code first — try this.

npx vercel@latest deploy [path] --temporary -y

No account is needed. The CLI builds locally, deploys to a temporary production URL, and prints a claim URL plus how long until the deployment expires. Rerunning the command in the same directory redeploys the same temporary project until it expires.

Temporary deployments don't work in CI or in a directory already linked to a Vercel project. See https://vercel.com/docs/deployments/deploy-without-logging-in.

Tell the user: "Your deployment is ready at [url]. It expires in [time] unless you claim it at [claimUrl]. Don't share the claim link."

Escalated network access (Codex): Only escalate the deploy command if sandboxing blocks the network call (sandbox_permissions=require_escalated).


Agent-Specific Notes

Claude Code / terminal-based agents

You have full shell access. Follow the decision flow above using the CLI directly.

Sandboxed environments (claude.ai, Codex)

Check whether the CLI is logged in with vercel whoami. If it is, follow Step 2, including team selection. If it isn't, use the no-auth fallback.


Output

Always show the user the deployment URL.

  • Git push: Use vercel ls --format json to find the preview URL. If the CLI isn't authenticated, tell the user to check the Vercel dashboard or commit status checks.
  • CLI deploy: Show the URL returned by vercel deploy --no-wait. Use vercel inspect <url> to check build status and report it to the user.
  • No-auth fallback: Show the deployment URL, the claim URL, and the expiry the CLI printed.

Do not curl or fetch the deployed URL to verify it works. Just return the link.


Troubleshooting

Network Egress Error (claude.ai)

If deployment fails due to network restrictions on claude.ai, tell the user:

Deployment failed due to network restrictions. To fix this:

1. Go to https://claude.ai/settings/capabilities
2. Add *.vercel.com and registry.npmjs.org to the allowed domains
3. Try deploying again

Escalated Network Access (Codex / sandboxed environments)

If deployment fails due to network issues (timeouts, DNS errors, connection resets) in a sandboxed environment, rerun with escalated permissions (sandbox_permissions=require_escalated). Do not escalate the initial CLI availability check — only escalate the actual deploy command.

Example guidance to the user:

The deploy needs escalated network access to deploy to Vercel. I can rerun
the command with escalated permissions — want me to proceed?

CLI Auth Failure

If vercel login or vercel deploy fails with authentication errors, use the no-auth fallback: vercel deploy --temporary -y.

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

No reviews yet

People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.

  • It worked
  • Partly
  • It didn't
What did you use it for? e.g. Reviewing pull requests in a Rails app

Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.