开源Web构建神器：Claudable，用自然语言打造现代应用
Claudable是一款基于AI的Web构建平台，通过自然语言描述，秒级生成Next.js应用，并提供实时预览、一键部署和数据库集成等功能，让构建Web产品变得简单快捷。
Claudable：AI驱动的开源Web构建平台
Claudable是一款免费开源的Web构建器，结合多种本地CLI AI编程代理，如Claude Code、Codex、Cursor Agent等，只需用自然语言描述你的想法，平台便会自动生成可运行的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生成
借助Tailwind 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、提交演示项目
- 技术团队：原型设计、快速测试新功能或界面
- 教育机构：用于教学演示或编程启蒙课程