Create Your First App
Create the app
Run:
myco app createThe CLI will prompt you for:
- Slug — A URL-safe identifier (e.g.,
my-app). Lowercase letters, numbers, and hyphens only. - Name — A display name (e.g., “My App”)
You can also pass these as flags:
myco app create my-app --name "My App"What gets scaffolded
The CLI creates a directory with a full Vibekit project:
my-app/
src/ # React frontend
components/ # Reusable components
ui/ # 40+ shadcn/ui components
chat/ # AI chat components
layout/ # Sidebar, ThemeProvider
pages/ # Page components
hooks/ # Custom hooks
lib/
myco.ts # SDK initialization
utils.ts # Tailwind cn() utility
types/
myco.generated.ts # Generated entity types (DO NOT EDIT)
worker/ # Cloudflare Worker backend
index.ts # Hono API routes
assets.ts # Static asset serving
skills/ # AI agent skills
wrangler.jsonc # Cloudflare config
vite.config.ts # Build config
package.jsonStart the dev server
cd my-app
npm run devThis starts a local dev server at http://localhost:5173 with:
- Hot module replacement (HMR)
- Worker running locally via Wrangler
- Full auth flow working
Visit http://localhost:5173 in your browser. You should see your app running with a login page.
Explore the app
Your Vibekit app comes with:
- Login page — Federated auth via Myco (just works)
- Dashboard — A sidebar layout with navigation
- Chat page — AI chat interface at
/chat - Theme toggle — Dark/light mode support