# Claudable — Web Builder Powered by Local CLI Agents

> Claudable is an open-source web builder that leverages local CLI agents (Claude Code, Codex, Gemini) with a repo-first quick start (3,951★).

## Install

Copy the content below into your project:

## Quick Use

```bash
git clone https://github.com/opactorai/Claudable.git
cd Claudable
npm install
npm run dev
```

## Intro

Claudable is an open-source web builder that leverages local CLI agents (Claude Code, Codex, Gemini) with a repo-first quick start (3,951★).

**Best for:** Builders who want a UI-driven workflow around local agent CLIs, with visible changes and repeatable setup

**Works with:** Node.js/npm, local agent CLIs (`@anthropic-ai/claude-code`, `@openai/codex`), and repo clones for reproducible environments

**Setup time:** 10-25 minutes

## Main

- **Local CLI agents**: README lists installing Claude Code and Codex CLIs for local execution.
- **Repo-first setup**: quick start is clone → npm install → dev, which is easy to reproduce.
- **UI around agent work**: positions itself as a web builder that makes agent-driven iteration more visible.
- **Good for onboarding**: a repeatable dev setup helps teams try agent tooling without ad-hoc manual steps.

### FAQ

- **Do I need to install agent CLIs?**: Yes for full functionality; README lists Claude Code and Codex CLI installs.
- **What is the minimal smoke test?**: Run `npm run dev` and confirm the UI loads and can call a local agent.
- **Why not just use the CLIs directly?**: A UI can make changes, diffs, and iteration status easier to track.

## Source & Thanks

> Source: https://github.com/opactorai/Claudable
> License: MIT
> GitHub stars: 3951 · forks: 592

---

<!-- ZH -->

## Quick Use

```bash
git clone https://github.com/opactorai/Claudable.git
cd Claudable
npm install
npm run dev
```

## Intro

Claudable 是开源 Web Builder：通过本地 CLI agents（Claude Code/Codex/Gemini 等）驱动开发，并提供 repo-first Quick Start 流程（3,951★）。

**Best for:** 想把本地 agent CLI 放进可视化工作流里，并希望“可见改动 + 可复现搭建”的开发者

**Works with:** Node.js/npm、本地 agent CLI（`@anthropic-ai/claude-code`、`@openai/codex`），以及通过 git clone 构建可复现环境

**Setup time:** 10-25 minutes

## Main

- **本地 CLI agents**：README 列出 Claude Code 与 Codex CLI 的安装方式，强调本地执行。
- **repo-first**：Quick Start 是 clone → npm install → dev，容易复现。
- **围绕 agent 的 UI**：把 agent 驱动的迭代放在可视化工作流中，更容易看清改动。
- **适合团队试用**：可复现的 dev setup 让 onboarding 成本更低。

### FAQ

- **必须安装 agent CLI 吗？**：要发挥完整功能需要；README 给出 Claude Code 与 Codex CLI 的安装方式。
- **最小冒烟测试？**：先跑 `npm run dev`，确认 UI 能启动并能调用本地 agent。
- **为什么不直接用 CLI？**：UI 更易追踪改动、差异与迭代状态，适合团队协作。

## Source & Thanks

> Source: https://github.com/opactorai/Claudable
> License: MIT
> GitHub stars: 3951 · forks: 592


---
Source: https://tokrepo.com/en/workflows/claudable-web-builder-powered-by-local-cli-agents
Author: AI Open Source