About deploying-to-production
deploying-to-production is a workflow skill for developers publishing a website or app. It guides the process in order, from a successful build through GitHub setup, Vercel deployment, and verification of the live site.
Key features
- 01Ordered deployment checklist
- 02Build and resolve errors
- 03Create or reuse a GitHub repository
- 04Push code and deploy to Vercel
- 05Verify the live deployment
Use cases
- 01Deploy a website to production
- 02Fix and recheck a failed build
- 03Push project code to GitHub
- 04Check that a deployment URL responds
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/deploying-to-productionin Claude Code to confirm it loaded.
Details
From the project READMEDeploying to Production
Use this workflow when a user says "deploy this website/app" or similar. Follow the checklist in order and do not skip steps.
Deployment Workflow
- Step 1: Run build and verify no errors
- Step 2: Create GitHub repository
- Step 3: Push code to GitHub
- Step 4: Deploy to Vercel
- Step 5: Verify deployment
Step 1: Run build
Run:
npm run build
If build fails, read the errors, fix issues, and run again. Only proceed when build succeeds.
Step 2: Create GitHub repository
Create a new GitHub repository for the project. If the repo already exists, confirm whether to reuse or create a new one.
Step 3: Push code to GitHub
Initialize git if needed, add remote, and push the default branch. Confirm the repository contains the expected code.
Step 4: Deploy to Vercel
Deploy the GitHub repo to Vercel. Capture the deployment URL.
Step 5: Verify deployment
Verify the live deployment by opening the URL or checking a response. If verification fails, diagnose and redeploy.