开源版Lovable来了Adorable对话式AI应用构建器完全解析【免费下载链接】AdorableOpen Source Lovable项目地址: https://gitcode.com/gh_mirrors/ad/Adorable如果你一直想拥有自己的AI 建站神器Adorable值得第一时间关注。它是一个开源的对话式 AI 应用构建器即社区口中的开源版 Lovable你用自然语言描述想要的应用AI 就会在沙箱虚拟机里实时编写、修改并运行代码界面同步显示预览和终端最后还能一键发布到生产域名——全程免费、可自托管。Adorable 是什么一句话讲清楚一句话你用中文/英文聊需求AI 帮你把网页应用建出来并直接跑起来。传统开发流程是手写代码 → 本地调试 → 手动部署而 Adorable 把它压缩成一步对话。每个项目背后都是一个独立的 git 仓库和沙箱 VMAI 在里面装依赖、写文件、起服务开发服务器热更新你看着预览窗口实时变化。5 大核心功能开箱即用功能说明 对话式构建与 AI 聊天AI 在沙箱 VM 中编写、编辑并运行代码️ 实时预览 终端嵌入式浏览器即时显示应用效果底部终端可查看/新增会话 一键发布每次提交自动生成预览域名一键提升为生产域名 项目持久化每个项目由 git 仓库支撑对话历史跨会话保留 GitHub 双向同步可从现有仓库创建项目代码双向同步想从已有代码库继续开发创建项目时选 From GitHub 即可AI 会在你的仓库基础上继续对话式修改。3 步跑起来Adorable 最快安装方法第 1 步克隆仓库git clone https://gitcode.com/gh_mirrors/ad/Adorable cd Adorable/adorable第 2 步配置 API Key复制环境示例文件填入大模型密钥支持 OpenAI 和 Claude二选一cp .env.example .env.local.env.local 中按需配置LLM_PROVIDERopenaiOPENAI_API_KEY或LLM_PROVIDERclaudeANTHROPIC_API_KEY。详见项目说明 README.md。第 3 步启动开发服务器npm install npm run dev打开 http://localhost:3000输入一句帮我做一个个人作品集页面就能看到 AI 开始工作了。技术栈解析它凭什么做到边聊边建Adorable 的前端与 Lovable 体验高度一致核心由 4 块拼图组成Next.jsApp Router TypeScript Turbopack构建整个工作台界面入口在app/layout.tsx与app/page.tsxVercel AI SDK统一封装 OpenAI / Anthropic 双模型核心在lib/llm-provider.ts通过环境变量即可无感切换提供商assistant-ui开箱即用的聊天线程 UI主组件是components/assistant-ui/thread.tsx聊天 API 入口为app/api/chat/route.tsFreestyle 云 VM 沙箱每个项目独占一台虚拟机git 持久化代码不落地本机AI 的双手12 个内置工具Adorable 的 AI 并不是纸上谈兵——它在lib/create-tools.ts中被赋予了 12 个真实工具文件操作读、写、列表、搜索、替换、追加、建目录、移动、删除Shell执行 bash 命令装依赖、跑 gitcommit任务完成时自动提交并推送同时触发部署流程check_app收尾前强制检查应用是否真的能跑HTTP 状态码 编译错误扫描dev_server_logs拉取 Next.js 日志辅助排错配合lib/system-prompt.ts中的系统提示词先搭出基础 UI 让用户看到进度、完成后必须自检AI 会像靠谱的前端同事一样工作先出骨架、实时可见、收尾必测。一键发布从预览到生产域名预览区右上角的 Publish 对话框components/assistant-ui/publish-dialog.tsx是发布中心每次 commit 自动生成部署域名在对话框里可以看到部署时间线just now / 5m ago绑定生产域名输入你自己的.style.dev域名并保存Promote把任意一次历史部署提升为当前生产版本相当于内置的回滚/版本切换背后的接口分别在app/api/repos/[repoId]/production-domain/route.ts和app/api/repos/[repoId]/promote/route.ts前端每 10 秒轮询一次部署状态构建完成自动刷新。谁适合用 Adorable开发者快速出原型、给现有仓库挂一个AI 结对编程界面代码仍归 git 管非技术用户不写代码也能把想法变成能访问的网页团队/企业完全自托管 自带 API Key数据与模型调用都在自己手里开源免费总结Adorable 把描述需求 → 实时预览 → 一键上线这条完整链路做到了开源且可自托管Next.js AI SDK 沙箱 VM git 持久化架构清晰、模块分明。如果你想搭建自己的 Lovable 替代品或为团队提供受控的 AI 建站能力从本文的 3 步安装开始10 分钟就能跑通第一个应用。【免费下载链接】AdorableOpen Source Lovable项目地址: https://gitcode.com/gh_mirrors/ad/Adorable创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
