claude-code-framework/essential/skills/deployment/vercel-deployer/SKILL.md
Deploys Next.js and React applications to Vercel with environment variable configuration and domain setup. Use when user says "deploy to Vercel", "push to production", "Vercel deployment", or mentions deploying to Vercel.
npx skillsauth add tokenized2027/claude-initilization-v7 vercel-deployerInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
npm install -g vercel
vercel login
# Deploy to preview
vercel
# Deploy to production
vercel --prod
# Set a variable
vercel env add DATABASE_URL production
# Or via Vercel dashboard:
# 1. Go to project settings
# 2. Environment Variables
# 3. Add variables
# Add domain
vercel domains add yourdomain.com
# Link to project
vercel link
Build fails:
# Check build logs in Vercel dashboard
# Common issues:
# - Missing environment variables
# - Wrong Node version (set in package.json)
# - Build command incorrect
Environment variables not working:
# Make sure they're prefixed with NEXT_PUBLIC_ for client-side
# Redeploy after adding variables:
vercel --prod
development
Methodical debugging using reproducible steps, instrumentation, and root-cause analysis. Use when something is broken and you don't know why. Triggers on "bug", "broken", "not working", "error", "fails intermittently", "regression", "unexpected behavior".
development
Optimize prompts for Claude Code agents, API calls, and multi-agent orchestration. Use when writing system prompts, agent instructions, or refining LLM interactions. Triggers on "improve prompt", "write a prompt", "agent instructions", "system prompt", "prompt not working", "LLM output quality".
tools
Structured ideation and design review before any creative or constructive work. Use before building features, components, architecture, dashboards, or automation workflows. Triggers on "plan this", "design this", "brainstorm", "think through", "what should we build", "how should I approach".
testing
Generates test files for components and functions with setup, basic tests, and mocks. Use when user says "add tests", "create test", "test this component", or mentions testing.