CClaudeable
Join waitlist
Now in private preview · Claude Code extension + MCP runtime

The Lovable experience. Inside Claude Code.

Claudeable turns Claude Code into a visual app builder with always-on local preview, browser feedback, one-command publishing, and custom domain mapping — no hosted builder required.

Join the waitlist See how it works
› /preview› /fix-from-preview› /publish› /domain
Claudeable · preview live
Claude Code
You
Add a pricing section with three tiers and a gradient CTA.
Claude
Editing app/pricing/page.tsx and wiring it into the nav.
Tool
preview.start → ready · localhost:3000
Tool
browser.screenshot → captured
Claude
Pricing renders correctly. Want me to /publish?
Local previewlocalhost:3000
Pricing
Simple, scaling pricing
Hobby
$0/mo
Start
Pro
$24/mo
Start
Team
$96/mo
Start
Logs
0 errors · 2 warnings
Screenshot
passed · 1280×800
Deploy
preview · ready
~/claudeable
›/preview
Local-first

Your code, git history, credentials, and dev server stay on your machine. Claudeable drives them — it doesn’t replace them.

The gap

AI coding agents are powerful. But they still feel blind.

Claude Code can edit real codebases, refactor deeply, and reason across files. But building web apps still requires a tight visual loop: run the dev server, check the browser, inspect logs, fix the UI, deploy, map domains, repeat.

No persistent visual loop

Agents edit code blind. Without a live preview and screenshots, every UI change is a guess.

Preview and deploy are separate chores

Spinning up dev servers, pushing branches, opening Vercel — friction kills the flow state.

Hosted builders separate you from your repo

Beautiful demos, but you trade git, ownership, and your real stack for a walled garden.

The fix

Claudeable adds the missing product layer.

A thin, opinionated runtime that wraps Claude Code with everything an app needs to be built and shipped.

Capabilities
  • Always-on local preview
  • Visual inspection and screenshots
  • Console and build log awareness
  • Framework-aware dev server management
  • Vercel preview and production deploys
  • Custom domain setup and verification
  • MCP tools Claude can call safely
Architecture
  1. 1
    Claude Code
    The agent. Edits, reasons, plans.
  2. 2
    Claudeable Plugin
    Commands, UI, workflow surface.
  3. 3
    Claudeable MCP Server
    Typed tools the agent calls.
  4. 4
    Local Preview · Browser · Git · Vercel · Domains
    Your real environment.
Workflow

From prompt to preview to production.

Click any step. The whole loop happens inside Claude Code.

Step 1 of 6
Describe the app
$ claudeable
› claude: build a pricing page with three tiers
What Claude sees
Preview
—
Screenshot
—
Logs
—
Positioning

You don’t need a hosted builder to get the builder experience.

Capability
Hosted AI builders
Claudeable
Source of truth
Hosted workspace
Your local repo
Preview
Built-in hosted preview
Always-on local preview
Code ownership
Sync / export workflow
Native git from day one
Deployment
Platform-managed
Your Vercel account
Custom backend
Platform-dependent
Your stack, your architecture
Best for
Fast prototypes
Real apps in real repos

Claudeable is designed to complement professional development workflows, not replace them.

What you get

Everything that makes vibe coding feel magical — rebuilt for Claude Code.

Always-on preview

Dev server stays warm. No more cold starts mid-flow.

Browser screenshots

Claude sees what you see, every iteration.

Console log feedback

Errors and warnings stream straight to the agent.

Framework detection

Next.js, Vite, Astro, Remix — picked up automatically.

Local dev orchestration

Start, restart, and tail the right server, every time.

Vercel preview deploys

Push to a shareable URL with one command.

Production publishing

Promote to prod from inside the chat.

Custom domain mapping

Add and verify domains without leaving Claude Code.

Git-native workflow

Branches, commits, and history stay your source of truth.

MCP extensibility

Add your own tools. Claude calls them like the built-ins.

Visual fix loop

Edit → screenshot → diff → edit, until the UI is right.

Deployment logs

Build output the agent can actually reason about.

MCP

Powered by MCP. Built for extensibility.

Claudeable exposes preview, deploy, browser, log, and domain operations as MCP tools. Claude Code can call them directly, safely, and repeatedly during development.

Tools exposed
preview.startpreview.screenshotpreview.logsdeploy.previewdeploy.productiondomain.adddomain.verifybrowser.inspect
the loop
# Claude Code edits the app.
# Claudeable runs the app.
# The browser shows the result.
# Claude inspects the result.
# The user ships when ready.

› claude  ─ edit  app/pricing/page.tsx
› mcp     ─ preview.start     → ready
› mcp     ─ browser.screenshot → ok
› claude  ─ looks good. /publish?
› mcp     ─ deploy.production  → live

Build like Lovable. Ship like a developer.

Claudeable brings visual app-building, local control, and production deployment into one Claude Code workflow.

Stop choosing between visual speed and engineering control.

Join the waitlist Request early access
Early access

Join the waitlist

FAQ

Questions, answered.