From shipshitdev-library
Deploys a Next.js app to Vercel with preview/production deploys, environment variable management per environment, promotion, and rollback to a previous deployment. All production actions require user confirmation.
How this skill is triggered — by the user, by Claude, or both
Slash command
/shipshitdev-library:vercel-deploy [preview | prod | rollback | env]When to use
deploy to Vercel, ship a preview, deploy to production, promote to production, roll back the deploy, revert deployment, manage Vercel env vars, /deploy vercel
[preview | prod | rollback | env]This skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Ship a Next.js app to Vercel and control its environments safely: preview deploys for
Ship a Next.js app to Vercel and control its environments safely: preview deploys for review, production promotes behind confirmation, and a fast rollback when a deploy goes bad. Deploying is publishing — every production action is gated.
Inputs:
preview (default), prod, rollback, or env.Outputs:
Creates/Modifies:
External Side Effects:
Confirmation Required:
Delegates To:
monitoring-setup to confirm error tracking is live before a production deploy.dependency-audit / security-audit as a pre-production gate on risky releases.Never deploy an unlinked project, and never link one unattended:
test -f .vercel/project.json || { echo "Not linked — .vercel/project.json missing."; exit 1; }
vercel whoami # confirm the CLI is authenticated as the right account
If .vercel/project.json is absent, stop and ask the user to run vercel link
themselves — do not run it for them. Linking to the wrong project deploys to the wrong
place.
A preview build for review — never production:
vercel # builds and deploys a preview; prints the preview URL
Report the preview URL. This is the safe default for any "deploy this" without an explicit production ask.
prod)Confirm first, then promote. Prefer promoting an already-built preview over a fresh
--prod build so what ships is what was reviewed:
vercel --prod # builds and deploys straight to production
# or promote a specific, already-reviewed deployment:
vercel promote <deployment-url>
Before running: state what will go live (branch/commit), confirm error tracking is on
(monitoring-setup), and get an explicit yes. Production is live to users the moment
this returns.
rollback)When a production deploy is bad, roll back to the last known-good deployment:
vercel ls --prod # list recent production deployments
vercel rollback <good-deployment-url> # or `vercel promote` the known-good one
Name the target deployment (URL + commit) and confirm before rolling back. Rollback is itself a production change.
env)Manage vars per environment; production changes are gated:
vercel env ls # what's set, per environment
vercel env add <NAME> production # prompts for the value (not echoed)
vercel env rm <NAME> production # after confirmation
Never print a secret value into the transcript. Set the same var across development,
preview, and production deliberately — a var present in preview but missing in
production is a classic "works in preview, 500s in prod" bug.
vercel link unattended — stop and ask;
linking to the wrong project ships to the wrong place.vercel --prod without confirmation — production is live immediately; preview is
the default.--prod build instead of promoting the reviewed preview — promote what was
reviewed so prod matches what was tested.npx claudepluginhub shipshitdev/skills --plugin writing-plansDeploys a Next.js application to Vercel with linking, environment variables, preview deployments, and custom domains.
Guides deploying Next.js apps to Vercel, covering environment variables, edge vs serverless runtimes, and build optimizations.
Provides expert guidance for deploying Next.js applications to Vercel, covering environment variables, Edge vs Serverless runtimes, build optimization, preview deployments, and monitoring.