majiayu000 Zero Creator
The Zero Creator is a meta-skill that orchestrates other skills (Vercel, Supabase, Node, Git) to bootstrap detailed, production-ready full-stack applications.
Capability
It transforms a high-level idea (e.g., "A SaaS for managing dog walkers") into a deployed URL with database, auth, and frontend configured.
Workflows
1. Bootstrap Full Stack App
Creates a Next.js (Frontend) + Supabase (Backend) project.
Usage: "Zero, create a new SaaS called 'DogWalkerPro' using Next.js and Supabase."
Steps:
- Init Frontend:
npx create-next-app@latest ./dog-walker-pro --typescript --tailwind --eslint - Init Backend:
cd dog-walker-pro && supabase init - Setup Auth: Configure Supabase Auth (requires user interaction for keys).
- Scaffold UI: Generate landing page, dashboard shell, and login page.
- Git Init:
git init && git add . && git commit -m "feat: initial commit by Zero Creator"
2. Deploy to Production
Connects the local project to Vercel and deploys.
Usage: "Zero, deploy this project to production."
Steps:
- Vercel Link:
vercel link - Vercel Env:
vercel env pull .env.local - Deploy:
vercel deploy --prod
Best Practices (PhD Level)
- Architecture: Always use a 'src' directory. Separate 'components', 'hooks', 'lib', and 'types'.
- Type Safety: Strict TypeScript everywhere. No
any. Zod for validation. - Styling: Tailwind CSS with a predefined design system (colors, spacing) in
tailwind.config.js. - Error Handling: Global Error Boundaries and Toast notifications for user feedback.
Commands
# Meta-command placeholder (Agent orchestrates actual CLI calls)
zero-creator scaffold <project-name> <stack>