qiaomu-website-develop

Automates the end-to-end website deployment workflow, including GitHub pushes, Vercel deployment, and Cloudflare DNS configuration.

乔木

Product manager and prolific creator of 180+ repositories

DevelopmentPublishingVerifiedOpen-source license: MIT

GitHub Stars9

Suggested prompts

Deploy this site to Vercel, bind it to style.qiaomu.ai, and connect it to GitHub.

Publish this web project using Cloudflare Pages with the domain demo.qiaomu.ai.

The domain is hosted on Cloudflare; please use the CLI to configure it for my Vercel project.

About this skill

qiaomu-website-develop

When you ask for a website deployment with a domain, the agent follows a repeatable GitHub, Vercel, Cloudflare DNS, and HTTPS verification workflow.

Use Cases

Automating website deployment to Vercel with a custom domain
Ensuring the complete workflow of GitHub, Vercel, Cloudflare DNS, and HTTPS verification is correctly executed

Preview

Verified example:

Item	Result
GitHub	`https://github.com/joeseesun/qiaomu-artist-style`
Vercel project	`qiaomu-artist-style`
Vercel URL	`https://qiaomu-artist-style.vercel.app`
Custom domain	`https://style.qiaomu.ai`
Cloudflare DNS	TXT verification + non-proxied CNAME
Final verification	`curl -I https://style.qiaomu.ai` returns `HTTP/2 200`

Core Capabilities

Check CLI login status
Build project locally
Push code to GitHub
Link, deploy, and connect Git repository on Vercel
Add custom domain to Vercel
Write TXT, CNAME, A records on Cloudflare
Perform Vercel domain verification
Verify HTTPS access via curl

How It Works

User makes a natural language deployment request, e.g., "Deploy this site to Vercel and bind style.qiaomu.ai."
The agent executes the fixed workflow: Check CLI login → Build locally → Push to GitHub → Vercel link/deploy/git connect → Vercel add domain → Cloudflare DNS writes → Vercel verify → curl HTTPS check
Output is the deployed URL and verification result

What You Need to Provide

GitHub CLI installed and authenticated: brew install gh && gh auth login
Vercel CLI installed and authenticated: npm i -g vercel && vercel login
Wrangler installed and authenticated: npm i -g wrangler && wrangler login
CLOUDFLARE_API_TOKEN or CF_API_TOKEN for Cloudflare DNS writes
Cloudflare API token must have at least zone read and DNS edit/write permissions for the target zone

What You Get

Deployed Vercel project
Custom domain bound successfully
HTTPS verification passed, curl -I returns HTTP/2 200

Usage Examples

Deploy this project to Vercel, bind style.qiaomu.ai, and connect to GitHub.

Use Cloudflare Pages for this web project and set the domain to demo.qiaomu.ai.

This domain is hosted on Cloudflare, use CLI to set it up on the Vercel project.

Built-in Automation Scripts

Dry-run first:

python3 ~/.agents/skills/qiaomu-website-develop/scripts/qiaomu_site_deploy.py \
  vercel-cloudflare \
  --project-dir . \
  --domain style.qiaomu.ai \
  --dry-run

Execute Vercel + Cloudflare binding:

export CLOUDFLARE_API_TOKEN="..."
python3 ~/.agents/skills/qiaomu-website-develop/scripts/qiaomu_site_deploy.py \
  vercel-cloudflare \
  --project-dir . \
  --domain style.qiaomu.ai \
  --ensure-link \
  --connect-git \
  --deploy \
  --wait \
  --check-http

Notes

Security

Do not write the API token into the repository, README, scripts, or chat summaries. If the token has been exposed, rotate it in Cloudflare after use.

Common Issues

Issue	Resolution
`wrangler whoami` works but DNS write fails	Wrangler OAuth does not equal script-writable DNS. Set Cloudflare API token with zone read and DNS edit/write permissions for the target zone.
Vercel shows "domain verification required"	Let the script write the TXT record returned by Vercel, then re-run verify.
Vercel shows "DNS misconfigured"	Check for conflicting A/AAAA/CNAME records; Vercel subdomain CNAME should have Cloudflare proxy disabled.
Apex domain cannot use CNAME	Use A records recommended by Vercel for apex; use CNAME only for subdomains.