Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Build, preview, and deploy websites, web apps, and APIs using Vercel, Railway, GitHub Pages, or local Canvas environments.
Build, preview, and deploy websites, web apps, and APIs using Vercel, Railway, GitHub Pages, or local Canvas environments.
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
Build and deploy websites, web apps, and APIs to production.
# Static site npx http-server ./dist -p 8080 -c-1 # Next.js npm run dev # Development (hot reload) npm run build && npm run start # Production preview # FastAPI uvicorn app.main:app --reload --port 8000 # Vite-based npm run dev # Dev server npm run build && npx serve dist # Production preview
# First time setup npx vercel link # Preview deployment npx vercel # Production deployment npx vercel --prod # Environment variables npx vercel env add SECRET_KEY Best for: Next.js apps, React SPAs, static sites, serverless functions. Config: vercel.json (usually not needed for Next.js) { "buildCommand": "npm run build", "outputDirectory": "dist", "framework": "nextjs" }
# First time setup railway login railway init # Deploy railway up # Add database railway add --plugin postgresql # Environment variables railway variables set SECRET_KEY=value # View logs railway logs Best for: Backend APIs, databases, long-running processes, Docker containers.
# Using gh-pages package npm install -D gh-pages # Add to package.json scripts: "deploy": "gh-pages -d dist" npm run build && npm run deploy Best for: Documentation, simple static sites, project pages.
Deploy to ~/clawd/canvas/ for local serving through the clawdbot gateway. cp -r ./dist/* ~/clawd/canvas/my-project/
Build succeeds locally (npm run build / python -m build) No TypeScript/lint errors Tests pass Environment variables set on target platform .env / secrets NOT in git robots.txt and sitemap.xml if public site Favicon and meta tags set HTTPS configured (automatic on Vercel/Railway) Error pages (404, 500) configured Performance: images optimized, code split, no huge bundles
# Vercel โ redeploy previous npx vercel rollback # Railway โ redeploy previous railway rollback # Git-based โ revert and push git revert HEAD && git push
# Vercel npx vercel domains add mydomain.com # DNS: Point CNAME to cname.vercel-dns.com # Or A record to 76.76.21.21
Code helpers, APIs, CLIs, browser automation, testing, and developer operations.
Largest current source with strong distribution and engagement signals.