Website Builder

Website Builder

Autonomously research, build, and ship a B2B SaaS website fast.

Workflow

1. Check for Vercel Token:
   • Verify that the $VERCEL_TOKEN environment variable is set or vercel CLI is authenticated. If not, stop and inform the user.
2. Research Trends & Problems (Do not ask the user):
   • Search for current trends, complaints, and problems people are having on platforms like GitHub (issues, discussions), Reddit, and HackerNews.
   • You can use tools like web_search or the gh CLI to find these problems.
   • Identify ONE clear problem that a lightweight web app can solve.
3. Build the Solution:
   • Design and build an app (static or Next.js) that specifically solves the problem you found.
   • static for a single-file landing page or micro-tool.
   • nextjs for multi-page/app-router projects.
4. Deploy:
   • Deploy the project to Vercel using your Vercel token.
5. Return:
   • The deployed URL, the problem you found, and how your app solves it.

Command

bash skills/website-builder/scripts/build-and-deploy.sh --name "my-auto-saas" --mode static --idea "Solution to X based on Y trend"

Optional:

bash scripts/build-and-deploy.sh --name "my-site" --mode nextjs --idea "MVP concept"

Local scaffold test (no deploy):

bash scripts/build-and-deploy.sh --name "my-site" --mode static --skip-deploy

Notes

• Require vercel CLI auth beforehand (VERCEL_TOKEN in ~/.bashrc or session).
• Never hardcode secrets into source files.
• Prefer polished dark UI defaults unless user asks otherwise.
• For larger projects, scaffold first, then iterate in follow-up turns.

See references/workflow.md for detailed operational guidance.