Vercel Deployment Skill
Deploy applications and websites to Vercel with automatic framework detection.
When to use me
Use this skill when:
- Deploying a web application to production
- Setting up staging/preview deployments
- Migrating from another hosting service
- Testing deployment configuration
What I do
- Detect framework from project structure (Next.js, Vite, Astro, etc.)
- Validate deployment configuration
- Generate deployment commands
- Provide deployment URLs and settings
- Handle environment variables and build settings
Examples
# Deploy current directory to Vercel
agent: Deploy this application to Vercel
# Deploy with specific settings
agent: Deploy to Vercel with production environment variables
# Check deployment configuration
agent: Check if this project is ready for Vercel deploymentOutput format
## Vercel Deployment
**Project Detected:** Next.js 14 (App Router)
**Framework:** @vercel/nextjs
**Deployment Configuration:**
- Build Command: npm run build
- Output Directory: .next
- Node Version: 18.x
**Deployment Commands:**Install Vercel CLI
npm i -g vercel
Deploy
vercel --prod
**Environment Variables Required:**
- DATABASE_URL
- API_KEY
**Next Steps:**
1. Set environment variables in Vercel dashboard
2. Run deployment command
3. Access deployment at: [https://project-name.vercel.app](https://project-name.vercel.app)
Notes
- Requires Vercel CLI or GitHub integration
- Supports automatic framework detection for 40+ frameworks
- Handles both static sites and server-side applications
- Provides claimable deployments for ownership transfer