盘天下 | 免费精选资源分享

Claudable：AI驱动的开源Web构建平台

Claudable 是一款免费开源的 Web 构建器，结合 Claude Code、Codex、Cursor Agent、Qwen Code 等本地 CLI AI 编程 代理，只需用 自然 语言 描述你的想法，平台便会自动生成可运行的 Next.js 应用，并提供实时预览、Vercel 一键部署和 Supabase 数据 库集成等功能，让构建 现代 Web 产品 变得前所未有地简单。

---

核心特性

? 自然语言生成代码

只需一句话描述：“我想做一个带夜间模式的任务 管理 工具”，Claudable 即可生成完整代码，配合热重载功能，即时查看修改效果。

? 多模型 智能 代理支持

支持 Claude Code（推荐）、Codex CLI（OpenAI GPT-5）、Cursor CLI（多模型）、Qwen Code（阿里开源）、Z.AI GLM-4.6（智谱AI）等。用户可根据项目需求灵活切换。

? 零配置即用体验

无需 API Key、无需复杂 数据库 设置，也不需要本地 环境 准备，使用 npm 安装后即可启动。

? 美观UI生成

借助 T ai lwind CSS 和 shadcn/ui，Claudable 自动生成美观、响应式的 前端 界面，省去繁琐的 设计 工作 。

? 一键部署与集成

• Vercel：支持一键部署，无需手动配置。
• Supabase：集成生产级 PostgreSQL 数据库，并包含用户身份认证模块。
• GitHub：自动版本控制与持续部署流程配置。

?️ 桌面应用支持

提供 Electron 版本，适配 macOS、Windows 和 Linux 系统。

---

快速上手指南

前置条件

• Node.js 18+
• 已登录的 Claude Code 或 Cursor CLI
• Git

本地运行步骤

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

访问：http://localhost:3000
系统将自动分配可用端口并创建 .env 文件。

---

常见问题与运维命令

• 重置数据库：npm run db:reset
• 备份数据库：npm run db:backup
• 清理依赖：npm run clean → 然后重新安装

注意：如遇端口冲突或权限问题，请根据提示调整用户权限或清理依赖环境。

---

社区与发展路线

项目完全遵循 MIT 开源协议， 未来 将加入：

• 模型上下文协议（MCP）原生支持
• 聊天/代码状态保存与恢复
• AGENTS.md 支持的多代理系统
• 网址克隆项目功能
• 更多社区贡献与优化

---

适合人群

• AI 编程初学者：无需手写代码，语义描述即可生成应用
• 独立 开发 者 & 黑客松参赛者：快速构建 MVP、提交演示项目
• 技术 团队 ：原型设计、快速测试新功能或界面
• 教育 机构：用于教学演示或编程启蒙课程

---

项目地址

GitHub：https://github.com/opactorai/Claudable

夸克资源精选合集