deploying-to-production
Deploying 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.
More from zhanlincui/agent-skills-hunter
project-to-obsidian
|
4web-access
|
4daily-news
|
3pptx
Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks
2web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
2canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
2