[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"product:claudable":3},{"id":4,"name":5,"slug":6,"slogan":7,"description":8,"organization":5,"images":9,"avatar_url":10,"image_url":11,"website_url":12,"access_links":13,"status":18,"build_by":19,"categories":20,"stats":24,"upload_relationship":28,"create_at":29,"update_at":30,"owner_id":25,"upload_user_id":26,"video_info":31,"prerelease_cover_url":32,"scheduled_publish_at":31,"user_scheduled":33,"emoji_reacts":34,"tag":31,"pass_review":31,"user_star":33},526,"Claudable","claudable","开源的 Web 应用构建器。","{\"type\": \"doc\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"什么是 Claudable？\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Claudable 是一个基于 Next.js 的强大 Web 应用构建器，它将 Claude Code（也支持 Cursor CLI！）的先进 AI 智能体功能与 Lovable 简单直观的应用构建体验相结合。只需描述您的应用创意——\\\"我想要一个带暗黑模式的任务管理应用\\\"——然后观看 Claudable 即时生成代码并为您展示可运行应用的实时预览。您可以将应用部署到 Vercel，并免费集成 Supabase 数据库。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"这个开源项目让您能够轻松免费地构建和部署专业的 Web 应用程序。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"如何开始？\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"只需登录 Claude Code（或 Cursor CLI），启动 Claudable，然后描述您想要构建的内容。就是这样。应用构建器无需额外订阅费用。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"功能特性\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"强大的智能体性能：充分利用 Claude Code 和 Cursor CLI 智能体功能，原生支持 MCP\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"自然语言转代码：简单描述您想构建的内容，Claudable 生成生产就绪的 Next.js 代码\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"即时预览：AI 构建应用时通过热重载立即查看更改\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"零设置，即时启动：无复杂沙盒，无 API 密钥，无数据库烦恼——立即开始构建\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"精美 UI：使用 Tailwind CSS 和 shadcn\u002Fui 生成美观界面\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"部署到 Vercel：一键发布应用，无需配置\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"GitHub 集成：自动版本控制和持续部署设置\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Supabase 数据库：连接生产级 PostgreSQL，认证功能开箱即用\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"自动错误检测：检测应用错误并自动修复\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"支持的 AI 编码智能体\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Claudable 支持多个 AI 编码智能体，让您灵活选择最适合需求的工具：\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"1. \", \"type\": \"text\"}, {\"text\": \"Claude Code\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"（推荐）- Anthropic 的先进 AI 编码智能体，配备 Claude Opus 4.1\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"   功能：深度代码库感知、MCP 支持、Unix 哲学、直接终端集成\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"   上下文：原生 256K tokens\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"   定价：包含在 ChatGPT Plus\u002FPro\u002FTeam\u002FEdu\u002FEnterprise 计划中\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"2. \", \"type\": \"text\"}, {\"text\": \"Codex CLI\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \" - OpenAI 的轻量级编码智能体，支持 GPT-5\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"   功能：高推理能力、本地执行、多种操作模式\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"   定价：包含在 ChatGPT Plus\u002FPro\u002FBusiness\u002FEdu\u002FEnterprise 计划中\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"3. \", \"type\": \"text\"}, {\"text\": \"Cursor CLI\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \" - 强大的 AI 智能体，可访问前沿模型\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"   功能：多模型支持、MCP 集成、\", \"type\": \"text\"}, {\"text\": \"AGENTS.md\", \"type\": \"text\", \"marks\": [{\"type\": \"link\", \"attrs\": {\"rel\": \"noopener noreferrer nofollow\", \"href\": \"http:\u002F\u002FAGENTS.md\", \"class\": null, \"target\": \"_blank\"}}]}, {\"text\": \" 支持\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"   定价：免费层可用，专业功能需付费计划\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"4. \", \"type\": \"text\"}, {\"text\": \"Gemini CLI\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \" - Google 的开源 AI 智能体，配备 Gemini 2.5 Pro\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"   功能：1M token 上下文窗口、Google 搜索基础、MCP 支持\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"   定价：Google 账户免费，更高限制需付费\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"5. \", \"type\": \"text\"}, {\"text\": \"Qwen Code\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \" - 阿里巴巴的开源 CLI，用于 Qwen3-Coder 模型\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"   功能：256K-1M token 上下文、多种模型规模、Apache 2.0 许可\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"   定价：完全免费开源\", \"type\": \"text\"}]}]}","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F2_1757232849_4d505ec1-649d-4d25-9bc3-a7f16bafaa3b.png","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F2_1757232766_930919c0-4c67-4460-8b20-babd38303ce3.png","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F2_1757232847_7a663830-5db1-470f-8777-574c7dbde44e.png","https:\u002F\u002Fgithub.com\u002Fopactorai\u002FClaudable",{"items":14},[15],{"platform":16,"url":12,"is_primary":17},"WEB",true,"PUBLISHED",[],[21],{"id":22,"name":23},6,"编程开发",{"upvotes":25,"stars":26,"review_count":25,"reply_count":25,"update_at":27},0,2,"2026-09-09T05:13:25.04Z","THIRD_PARTY","2025-09-07T08:15:48.185Z","2025-09-07T08:16:37.166Z",null,"",false,{"reacts":35},[]]