vercel-cli-with-tokens
Skill185 starsChanged 2 months agoMITView on GitHub
Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g. "deploy to vercel", "set up vercel", "add environment variables to vercel".
- Reads credentials
- Installs packages
- Commits and pushes
We split this skill into the rules it gives an agent
24 rules. 12 are common, 1 is distinctive, and 11 are very specific to this project.
12
Common
Most of the 12 edited versions we read keep these.
1
Distinctive
This author's own choices. Worth a look.
11
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Common: line 15
Before running any Vercel CLI commands, identify where the token is coming from.
- Common: line 23
If this returns a value, you're ready.
- Common: line 31
If found, export it:
- Very specific: line 39
Look for any variable that looks like a Vercel token (Vercel tokens typically start with vca_):
- Very specific: line 53
If none of the above yield a token, ask the user to provide one.
- Common: line 99
Ensure the Vercel CLI is installed and up to date:
- Common: line 108
Always deploy as preview unless the user explicitly requests production.
- Very specific: line 112
When VERCEL_TOKEN and VERCEL_PROJECT_ID are set in the environment, deploy directly:
- Common: line 138
Use this when you have a token and team but no pre-existing project ID.
- Very specific: line 174
If the project is already linked, check orgId in .vercel/project.json or .vercel/repo.json to verify it matches the intended team.
- Common: line 182
Ask the user before pushing: Never push without explicit approval.
- Very specific: line 228
Not needed when VERCEL_ORG_ID + VERCEL_PROJECT_ID are both set in the environment.
- Very specific: line 230
Do NOT: run vercel project inspect or vercel link in an unlinked directory to detect state — they will interactively prompt or silently …
- Distinctive: line 282
If this project is managed by Stripe Projects.
- Very specific: line 302
Check the environment for tokens before asking the user: Look in the current env and .env files first.
- Common: line 303
Default to preview deployments: Only deploy to production when explicitly asked.
- Common: line 304
Ask before pushing to git: Never push commits without the user's approval.
- Very specific: line 307
Use
--format json: when structured output will help with follow-up steps. - Very specific: line 314
Check the environment and any .env files present:
- Very specific: line 323
If the CLI fails with Authentication required:
- Very specific: line 325
Verify: vercel whoami (uses VERCEL_TOKEN from environment).
- Common: line 326
Ask the user for a fresh token.
- Common: line 330
Verify the scope is correct:
- Common: line 338
Check the build logs:
“Common” is measured: kept by at least 6 in 10 of the 12 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.
Files
Vercel CLI with Tokens
Deploy and manage projects on Vercel using the CLI with token-based authentication, without relying on vercel login.
Step 1: Locate the Vercel Token
Before running any Vercel CLI commands, identify where the token is coming from. Work through these scenarios in order:
A) VERCEL_TOKEN is already set in the environment
printenv VERCEL_TOKENIf this returns a value, you're ready. Skip to Step 2.
B) Token is in a .env file under VERCEL_TOKEN
grep '^VERCEL_TOKEN=' .env 2>/dev/nullIf found, export it:
export VERCEL_TOKEN=$(grep '^VERCEL_TOKEN=' .env | cut -d= -f2-)C) Token is in a .env file under a different name
Look for any variable that looks like a Vercel token (Vercel tokens typically start with vca_):
grep -i 'vercel' .env 2>/dev/nullInspect the output to identify which variable holds the token, then export it as VERCEL_TOKEN:
export VERCEL_TOKEN=$(grep '^<VARIABLE_NAME>=' .env | cut -d= -f2-)D) No token found — ask the user
If none of the above yield a token, ask the user to provide one. They can create a Vercel access token at vercel.com/account/tokens.
Important: Once VERCEL_TOKEN is exported as an environment variable, the Vercel CLI reads it natively — do not pass it as a --token flag. Putting secrets in command-line arguments exposes them in shell history and process listings.
# Bad — token visible in shell history and process listings
vercel deploy --token "vca_abc123"
# Good — CLI reads VERCEL_TOKEN from the environment
export VERCEL_TOKEN="vca_abc123"
vercel deployStep 2: Locate the Project and Team
Similarly, check for the project ID and team scope. These let the CLI target the right project without needing vercel link.
# Check environment
printenv VERCEL_PROJECT_ID
printenv VERCEL_ORG_ID
# Or check .env
grep -i 'vercel' .env 2>/dev/nullIf you have a project URL (e.g. https://vercel.com/my-team/my-project), extract the team slug:
# e.g. "my-team" from "https://vercel.com/my-team/my-project"
echo "$PROJECT_URL" | sed 's|https://vercel.com/||' | cut -d/ -f1If you have both VERCEL_ORG_ID and VERCEL_PROJECT_ID in your environment, export them — the CLI will use these automatically and skip any .vercel/ directory:
export VERCEL_ORG_ID="<org-id>"
export VERCEL_PROJECT_ID="<project-id>"Note: VERCEL_ORG_ID and VERCEL_PROJECT_ID must be set together — setting only one causes an error.
CLI Setup
Ensure the Vercel CLI is installed and up to date:
npm install -g vercel
vercel --versionDeploying a Project
Always deploy as preview unless the user explicitly requests production. Choose a method based on what you have available.
Quick Deploy (have project ID — no linking needed)
When VERCEL_TOKEN and VERCEL_PROJECT_ID are set in the environment, deploy directly:
vercel deploy -y --no-waitWith a team scope (either via VERCEL_ORG_ID or --scope):
vercel deploy --scope <team-slug> -y --no-waitProduction (only when explicitly requested):
vercel deploy --prod --scope <team-slug> -y --no-waitCheck status:
vercel inspect <deployment-url>Full Deploy Flow (no project ID — need to link)
Use this when you have a token and team but no pre-existing project ID.
Check project state first
# Does the project have a git remote?
git remote get-url origin 2>/dev/null
# Is it already linked to a Vercel project?
cat .vercel/project.json 2>/dev/null || cat .vercel/repo.json 2>/dev/nullLink the project
With git remote (preferred):
vercel link --repo --scope <team-slug> -yReads the git remote and connects to the matching Vercel project. Creates .vercel/repo.json. More reliable than plain vercel link, which matches by directory name.
Without git remote:
vercel link --scope <team-slug> -yCreates .vercel/project.json.
Link to a specific project by name:
vercel link --project <project-name> --scope <team-slug> -yIf the project is already linked, check orgId in .vercel/project.json or .vercel/repo.json to verify it matches the intended team.
Deploy after linking
A) Git Push Deploy — has git remote (preferred)
Git pushes trigger automatic Vercel deployments.
- Ask the user before pushing. Never push without explicit approval.
- Commit and push:
git add . git commit -m "deploy: <description of changes>" git push - Vercel builds automatically. Non-production branches get preview deployments.
- Retrieve the deployment URL:
Find the latest entry in thesleep 5 vercel ls --format json --scope <team-slug>deploymentsarray.
B) CLI Deploy — no git remote
vercel deploy --scope <team-slug> -y --no-waitCheck status:
vercel inspect <deployment-url>Deploying from a Remote Repository (code not cloned locally)
- Clone the repository:
git clone <repo-url> cd <repo-name> - Link to Vercel:
vercel link --repo --scope <team-slug> -y - Deploy via git push (if you have push access) or CLI deploy.
About .vercel/ Directory
A linked project has either:
.vercel/project.json— fromvercel link. ContainsprojectIdandorgId..vercel/repo.json— fromvercel link --repo. ContainsorgId,remoteName, and aprojectsmap.
Not needed when VERCEL_ORG_ID + VERCEL_PROJECT_ID are both set in the environment.
Do NOT run vercel project inspect or vercel link in an unlinked directory to detect state — they will interactively prompt or silently link as a side-effect. vercel ls is safe (in an unlinked directory it defaults to showing all deployments for the scope). vercel whoami is safe anywhere.
Managing Environment Variables
# Set for all environments
echo "value" | vercel env add VAR_NAME --scope <team-slug>
# Set for a specific environment (production, preview, development)
echo "value" | vercel env add VAR_NAME production --scope <team-slug>
# List environment variables
vercel env ls --scope <team-slug>
# Pull env vars to local .env.local file
vercel env pull --scope <team-slug>
# Remove a variable
vercel env rm VAR_NAME --scope <team-slug> -yInspecting Deployments
# List recent deployments
vercel ls --format json --scope <team-slug>
# Inspect a specific deployment
vercel inspect <deployment-url>
# View build logs (requires Vercel CLI v35+)
vercel inspect <deployment-url> --logs
# View runtime request logs (follows live by default; add --no-follow for a one-shot snapshot)
vercel logs <deployment-url>Managing Domains
# List domains
vercel domains ls --scope <team-slug>
# Add a domain to the project — linked or env-linked directory (1 arg)
vercel domains add <domain> --scope <team-slug>
# Add a domain — unlinked directory (requires <project> positional)
vercel domains add <domain> <project> --scope <team-slug>Stripe Projects Plan Changes
If this project is managed by Stripe Projects. Ask the user before running any paid or destructive plan change — upgrades bill a real card, downgrades remove seats.
First run stripe projects status --json to confirm the Vercel resource's local name. The examples below assume the default (vercel-plan); substitute the actual name if it was renamed at stripe projects add time.
- Upgrade to Pro:
stripe projects add vercel/pro(orstripe projects upgrade vercel-plan pro) - Downgrade to Hobby:
stripe projects downgrade vercel-plan hobby
What Pro gives you
- $20/month platform fee, includes $20/month of usage credit.
- Turbo build machines (30 vCPUs, 60 GB memory) by default for new projects — significantly faster builds than Hobby.
- 1 deploying seat + unlimited free Viewer seats (read-only collaborators, preview comments).
- Higher included allocations (1 TB Fast Data Transfer, 10M Edge Requests per month).
- Paid add-ons available: SAML SSO, HIPAA BAA, Flags Explorer, Observability Plus, Speed Insights, Web Analytics Plus.
Full details: https://vercel.com/docs/plans/pro-plan
Working Agreement
- Never pass
VERCEL_TOKENas a--tokenflag. Export it as an environment variable and let the CLI read it natively. - Check the environment for tokens before asking the user. Look in the current env and
.envfiles first. - Default to preview deployments. Only deploy to production when explicitly asked.
- Ask before pushing to git. Never push commits without the user's approval.
- Do not modify
.vercel/files directly. The CLI manages this directory. Reading them (e.g. to verifyorgId) is fine. - Do not curl/fetch deployed URLs to verify. Just return the link to the user.
- Use
--format jsonwhen structured output will help with follow-up steps. - Use
-yon commands that prompt for confirmation to avoid interactive blocking.
Troubleshooting
Token not found
Check the environment and any .env files present:
printenv | grep -i vercel
grep -i vercel .env 2>/dev/nullAuthentication error
If the CLI fails with Authentication required:
- The token may be expired or invalid.
- Verify:
vercel whoami(usesVERCEL_TOKENfrom environment). - Ask the user for a fresh token.
Wrong team
Verify the scope is correct:
vercel whoami --scope <team-slug>Build failure
Check the build logs:
vercel inspect <deployment-url> --logsCommon causes:
- Missing dependencies — ensure
package.jsonis complete and committed. - Missing environment variables — add with
vercel env add. - Framework misconfiguration — check
vercel.json. Vercel auto-detects frameworks (Next.js, Remix, Vite, etc.) frompackage.json; override withvercel.jsonif detection is wrong.
CLI not installed
npm install -g vercelTrending
Steady: 0 new projects took it in the last 4 weeks, none the 4 weeks before.thin data
Other versions28 projects use a version of this.
Word for word · 16
- vercel-labs/agent-skills★ 33k100% same
- NiazMorshed2007/jcr★ 19100% same
- ayeshakhalid13/LoopEngineering-CrashCourse★ 16100% same
- ayeshakhalid192007-dev/LoopEngineering-CrashCourse★ 15100% same
- anis-dr/skills★ 3100% same
- nomdedev/agent-manager-template★ 2100% same
- ElyzeSolutions/skills★ 1100% same
- gerald-donkor/poli-intel★ 1100% same
- ManatoYamashita/skills★ 1100% same
- amrmrkjr/m3j-workspace★ 0100% same
6 more not listed
Edited · 12
- PracticalSwan/agent-skills★ 2268% same
- The-Utopia-Studio/skills★ 696% same
- digitalspeed/claude-code-skillset★ 196% same
- ParkYoungWoong/skills★ 196% same
- sagnikmitra/skills★ 187% same
- AngelescuCiprian/claude-skills★ 096% same
- Jeelislive/SkillPack★ 096% same
- MohamedEssam0-0/claude-skills★ 096% same
- Muhomorik/KanelBulleKapital★ 096% same
- theassetsquare-svg/ilsanroom3★ 096% same
2 more not listed
Wrote their own version · 0
None found.
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
Used alongsideProjects with it also use brand-guidelines, find-skills and 2 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.
JetBrainsSkillbrand-guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Also in 3 projects that use this
VercelSkillfind-skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
Also in 4 projects that use this
BlockSkillfrontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Also in 6 projects that use this
SentrySkillskill-creator
Create new agent skills following the Agent Skills specification. Use when asked to "create a skill", "add a new skill", "write a skill", "make a skill", "build a skill", or scaffold a new skill with SKILL.md. Guides through requirements, writing, registration, and verification.
Also in 3 projects that use this
In this repository27 other files it gives its agents.
- .agents/skills/vercel-composition-patterns/AGENTS.mdAGENTS.md
- .agents/skills/vercel-optimize/AGENTS.mdAGENTS.md
- .agents/skills/vercel-react-best-practices/AGENTS.mdAGENTS.md
- .agents/skills/vercel-react-view-transitions/AGENTS.mdAGENTS.md
- CLAUDE.mdCLAUDE.md
- .cursor/rules/frontend-rules.mdcCursor rule
- .cursor/rules/sanity-rules.mdcCursor rule
- .cursor/rules/ultracite.mdcCursor rule
- .cursor/rules/ultracite-migration.mdcCursor rule
- new-blockSkill
- next-best-practicesSkill
- next-cache-componentsSkill
- next-upgradeSkill
- vercel-composition-patternsSkill
- vercel-optimizeSkill
- vercel-react-best-practicesSkill
- vercel-react-view-transitionsSkill
- web-design-guidelinesSkill
- writing-guidelinesSkill
- content-experimentation-best-practicesSkill
- content-modeling-best-practicesSkill
- generate-thumbnails-agenticSkill
- portable-text-conversionSkill
- portable-text-serializationSkill
- sanity-best-practicesSkill
- sanity-live-cache-componentsSkill
- seo-aeo-best-practicesSkill
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
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.

