About deploying-to-production
deploying-to-production is a workflow skill for developers deploying a website or app. It prescribes ordered checks, from validating a build and pushing code to GitHub through deployment on Vercel and verification of the live result.
Key features
- 01Ordered deployment checklist
- 02Run builds and resolve errors
- 03Create or confirm a GitHub repository
- 04Push code to the default branch
- 05Deploy to Vercel and verify
Use cases
- 01Publish a local website online
- 02Fix and recheck a failed build
- 03Deploy a project after pushing it to GitHub
- 04Check whether a Vercel deployment is reachable
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.