A web builder that lets your CLI agent do the typing
Claudable turns local AI coding agents like Claude Code and Codex into a visual app-building workflow with instant preview and one-click deploy.

What it does
Claudable is a Next.js-based web builder that talks to local CLI agents—Claude Code, Codex, Cursor CLI, Qwen Code, and a few others. You describe what you want in plain English, the agent generates the code, and Claudable shows you a live preview with hot reload. When you’re done, it deploys to Vercel and can wire up a Supabase PostgreSQL database. There’s also an Electron desktop app for Mac, Windows, and Linux.
The interesting bit
Instead of paying for yet another hosted AI builder, Claudable piggybacks on CLI tools you may already be paying for (or can get free, like Qwen Code). The “no additional subscription cost” pitch is the hook—you bring your own agent, Claudable provides the scaffolding and UI glue.
Key highlights
- Supports five CLI agents: Claude Code, Codex CLI, Cursor CLI, Qwen Code, and Z.AI GLM-4.6
- Auto-detects ports, auto-creates SQLite DB at
data/cc.db, and auto-generates.envon first run - One-click Vercel deploy and GitHub repo creation via personal access tokens
- Desktop builds available via Electron (
npm run package:mac|win|linux) - Uses Tailwind CSS and shadcn/ui for generated UI
Caveats
- You still need to install and authenticate each CLI agent yourself; the README has a full page of per-agent setup instructions
- Local dev uses SQLite, but the docs warn about database migration conflicts when upgrading—
npm run prisma:resetdrops and recreates everything - Several promised features (MCP support, chat checkpoints, website cloning) are listed as “upcoming” with no timeline
Verdict
Worth a look if you already live in Claude Code or Codex and want a faster path from prompt to deployed URL. Skip it if you want a fully managed, zero-setup builder—this is more “orchestrator for your existing tools” than standalone product.