Ship real web apps with the AI App Builder
Describe an app in plain language and the AI writes, hosts, and updates it — with live preview, visual editing, publishing, custom domains, and transparent token-based usage.
The App Builder turns a plain-language description into a real, hosted web app — a client portal, a booking tool, an internal dashboard, anything you can describe. The AI writes the code, you watch it build in a live preview, iterate through chat, and publish to a URL or your own custom domain.
Opening the App Builder
Click Build in the sidebar, then open the App Builder tab. (Sites and App Builder are tabs on the Build page.)
The App Builder is a premium feature: it must be enabled for your organization by the platform admin and enabled on your sub-account. If the tab shows a padlock, it isn’t enabled on your plan yet.
Standard operating procedure: create an app
- On the App Builder tab, describe your app in the big prompt box — for example: “A client portal where my customers can book appointments, see invoices and message my team.” (Ctrl/⌘+Enter submits.)
- Click Create app. The app is created, the first generation starts, and you land in the Studio.
- Wait for the build. Generation runs in two passes (build + automated review) and typically takes several minutes — it’s safe to reload or come back later; the studio picks up where it left off.
- Iterate in the chat: “Add a login page”, “Make the header dark blue”, and so on. Use the mic button for push-to-talk dictation.
- Click Publish when you’re happy — the popover shows the live URL with copy and open buttons.
The Studio
Two panes, resizable:
Left — Chat. Your conversation with the builder. The thread switcher lets you start a New chat (fresh context uses fewer tokens per edit). You can’t switch threads while a generation is running.
Right — Preview and Files.
- Preview shows the running app. Toolbar: Edit (visual editing — change texts, colors, fonts, and layout directly on the page), a page selector for multi-page apps, Desktop/Mobile preview toggles, and Refresh.
- Files lists every generated file with a read-only code view.
- Save or discard visual edits before switching to Files — unsaved edits prompt you.
Publishing, unpublishing, and custom domains
- Publish makes the app live at its hosted URL.
- Custom Domain opens a dialog with the DNS records to add for your own domain (e.g.
app.mybusiness.com). If you use Cloudflare, set the record to DNS only (grey cloud). - Unpublish takes the app offline (visitors get a “not found” page); the app and its data are kept, and publishing again restores it.
- Delete permanently removes the app, its code, data, and published version.
Token usage and billing
App building is metered in tokens. The pill in the Studio header shows your usage against your monthly limit — click it for the full breakdown:
- This session / This week / This month usage, with dollar amounts when wallet billing applies.
- Monthly token limit progress for your sub-account, plus your agency’s shared pool.
- Included credit — how much usage is included before additional usage bills to your wallet — and your current wallet balance and per-million-token rates.
Generation is blocked when either your sub-account’s monthly limit or the agency pool is exhausted. Starting a New chat resets session context and lowers the token cost of each subsequent edit.
Prerequisites and limits
- Requires the App Builder to be enabled at both the organization level (platform admin) and on the sub-account.
- Requires available token budget (sub-account monthly limit and agency pool) — top up your wallet or ask your agency admin if generation is blocked.
- Read-only team members can view apps but cannot prompt, edit, publish, or delete.
- Builds take several minutes; stuck generations are cleaned up automatically.