Visual editing
Click elements in the live preview and ask BYOB to refine copy, spacing, colors, or behavior.
Describe the product once. BYOB plans the UX, writes production-ready SvelteKit code, connects the pieces, and keeps everything editable while you iterate.
Pick a product type and see how one prompt can become a real app shape: preview, features, workflow, and deploy path included.

Prompt recipe
Make an operations dashboard with tables, filters, roles, and weekly reporting views.
The workspace is built for repeated product work, not disposable demos. Every generated file stays inspectable, every change is visible, and every follow-up can target the exact part of the app you care about.
<script lang='ts'>type Task = { id: string; title: string; done: boolean
}let tasks = $state<Task[]>([])function addTask(title: string) {tasks.push({ id: crypto.randomUUID(), title, done: false })}function toggleTask(id: string) {const task = tasks.find((t) => t.id === id)if (task) task.done = !task.done}</script>Build Plan
Simple Todo App
Team Tasks
Simple, shared task tracking
Design landing page
OnlineWireframe approved. Next step is responsive polish and QA.
<script lang='ts'>type Task = { id: string; title: string; done: boolean
}let tasks = $state<Task[]>([])function addTask(title: string) {tasks.push({ id: crypto.randomUUID(), title, done: false })}function toggleTask(id: string) {const task = tasks.find((t) => t.id === id)if (task) task.done = !task.done}</script>Build Plan
Simple Todo App
Team Tasks
Simple, shared task tracking
Design landing page
OnlineWireframe approved. Next step is responsive polish and QA.
BYOB handles product planning, implementation, preview, testing, database work, and deployment from one focused interface, with Codex agent access and production analytics when you want to keep working from your own terminal.
Click elements in the live preview and ask BYOB to refine copy, spacing, colors, or behavior.
Move between saved app states with clear messages, so experiments never trap your project.
Publish production builds without stitching together hosting, config files, and build steps.
Invite teammates and keep sessions coordinated so work does not overwrite itself.
Run full-site or feature-focused checks and get implementation-level feedback.
Install BYOB CLI so Codex can read project context, edit code, test previews, deploy, and surface billing links.
Inspect deployed Worker traffic, errors, CPU timing, subrequests, and custom-domain status from the workspace.
Read schemas, draft migrations, generate types, and keep app code aligned with your data.
Start conversationally, approve the shape, let Tool Mode implement, then refine and deploy from the same workspace.
Start with the outcome, audience, and any constraints. BYOB turns the idea into a practical build plan.
Review the proposed flows, screens, data needs, and visual direction before code starts moving.
Tool Mode writes SvelteKit code, connects integrations, and keeps each change visible in preview.
Ask for edits, roll back when needed, run checks, and keep the project editable instead of disposable.
Ship the finished app, connect domains, and keep iterating from the same workspace.
Install BYOB CLI once, approve only the projects it can touch, then let Codex read context, edit files, test previews, deploy, and handle credit links from your local terminal.
The layout keeps code, intent, and rendered output visible together so you can reason about the product instead of hunting through tabs.
Generated code stays visible and ready for precise follow-up changes.
Plan, ask, implement, test, and recover without leaving the workspace.
See the application update while BYOB changes UI, data, and behavior.
Use it for strategy, architecture, explanation, product thinking, and tradeoff analysis.
Use it when BYOB should edit files, wire services, run checks, and move the project forward.
Use BYOB with managed storage, Supabase projects, custom domains, and production deploys from one project workspace.
Connect your Supabase project so BYOB can inspect schemas, draft migrations, generate TypeScript types, and keep auth flows aligned with the app.
Use the managed SQLite database for apps that need durable storage without separate database operations.
Connect custom domains with guided DNS checks, automatic SSL, and one-click production deploys.
Pay as you go when you are exploring. Move to Pro or Max when BYOB becomes part of your regular build workflow.
$1 = 100 credits
2,000+ credits/mo
8,000+ credits/mo
White-label and SSO
Start with one clear prompt. BYOB will help turn it into a product you can inspect, edit, test, and ship.
Start buildingRated 4.9/5 by developers and founders using BYOB to move from idea to shipped product.
Everything you need to know about BYOB
npx -y byob-cli codex install --client-name "Codex", approve the projects it can access, and the agent can use scoped tools for project context, code edits, preview checks, deploys, DNS, and billing links.