MonstarX 如何工作
要点你描述一个应用,AI 智能体把它规划成一份功能清单,然后在一台安全的云端电脑上编写代码;构建过程中,你的应用就在预览中实时运行。代码的每次修改都会保存为一个版本,随时可以回退。MonstarX Cloud 为应用提供数据库、登录、邮件、存储和 AI。你可以在真实浏览器中测试它,一键发布到专属地址,再通过聊天不断改进。
MonstarX 能完成一个小型软件团队的工作:规划要做什么、编写代码、运行起来、检查一遍,再发布上线。本页用通俗的话讲清楚每个阶段,让你在等待时知道正在发生什么,也知道每一步你可以做什么。
一个应用的诞生过程
Section titled “一个应用的诞生过程”你每提出一次修改,第 3 到第 7 步就会再走一遍。下面逐一介绍。
一切都从一个请求开始:用一两句话说明应用是做什么的、用户在里面做什么。你可以附上图片、文档、电子表格或 Figma 设计稿,还可以选择 MonstarX 的开始方式:
| 你点击 | 首先会发生什么 |
|---|---|
| 开始构建 | MonstarX 立即开始构建,没说清楚的地方会按合理的方式补全。 |
| 开始规划(开启 先规划 时) | MonstarX 会问你几个问题,一次一个,每个都附有建议答案;你回答完后再开始构建。 |
| 开始构建(开启 先设计 时) | 你会先看到几个接近成品的首屏设计,挑一个你喜欢的风格。 |
对于新应用,或者包含多个功能的请求,MonstarX 会先写一份 功能计划:一份简短的编号清单,列出它要构建的内容。功能计划位于聊天顶部的 功能 下方,进度条显示已经构建了多少项。你也可以自己添加、删除、重新打开某个功能,或者单独构建某一项。
请参阅 功能计划。
AI 智能体,也就是 MonstarX 的构建助手,会按照功能计划一次完成一个功能。每做一个功能,它都会先阅读现有内容,再编写和修改应用的文件,建好需要的数据库表,并检查页面是否依然正常。它还可以边做边为应用生成照片。
聊天会实时显示这些工作,每一段工作合并成简洁的一行,比如“已创建 4 个文件 · 已读取 2 个文件”“已构建 1 个功能 · 已更新数据库”,点一下就能看到每一个具体步骤。
由哪个 AI 模型来做?选择 自动(默认)时,MonstarX 会为每个请求挑选合适的模型和思考强度,并在回复中显示它的选择。你也可以自己选。请参阅 选择模型。
构建在 MonstarX 上运行,而不是在你的浏览器里。 你可以关闭标签页或锁上手机,构建会继续进行,结束时你可以 收到通知。构建期间发送的请求会在 队列 中等待,并自动开始。请参阅 跟进构建进度 和 队列。
你的应用运行在一台专属的 安全云端电脑 上,预览 标签页实时显示它:是真正的应用,而不是一张图片。构建过程中写入文件时,MonstarX 会把写到一半的页面藏起来,先显示一张状态卡片,等页面真正能用了才让你看到应用。
- 在桌面、平板和手机宽度之间切换。
- 像任何访客一样点击和输入。
- 用 编辑 或 截取 指出任何地方,要求修改。
预览闲置 20 分钟后会进入休眠。你回来时会先看到页面的一份保存副本,只要移动鼠标或点击,实时应用就会立刻唤醒。请参阅 预览。
MonstarX 在构建过程中会检查每一步:每构建完一个功能,它都会确认页面能正常显示。想要更深入的检查,可以运行 自动 QA:MonstarX 根据你的应用写出测试计划,云端浏览器像真实顾客一样逐一操作,包括注册、预约、结账,每次运行都有录像。做了较大的修改后,MonstarX 会建议运行一次 QA,并在开始前征求你的同意。请参阅 QA 测试。
安全 标签页会扫描应用的安全漏洞,SEO/GEO 标签页会检查搜索引擎和 AI 助手如何看待你的应用。请参阅 安全扫描 和 SEO 和 GEO。
发布之前,只有你、你分享了项目的人,以及拿到预览链接的人能看到这个应用。发布 会构建一份应用的正式版本,把它放到互联网上的专属地址 your-app.monstarx.app,自带 HTTPS,并通过 Cloudflare 的全球网络提供服务。你也可以添加自己的域名。
发布会保存应用此刻的快照。之后你可以在预览中尽情修改:只有点击 重新发布 时,线上网站才会更新。请参阅 发布应用。
7. 持续改进
Section titled “7. 持续改进”应用永远没有真正完成的那一天。你可以要求加下一个功能,修复客户反馈的问题,或者在计划中的功能全部构建完成后,从 MonstarX 建议的 接下来可以尝试的创意 中挑一个:在某一项上点击 添加(或点 添加全部),然后点击 构建此功能(加了多项时为 构建这些功能)。每个请求都会走同样的循环:规划、构建、预览、测试、发布。
什么是版本?
Section titled “什么是版本?”每当应用的代码发生变化,比如完成一次构建、在 代码 标签页中保存,或者执行一次恢复,MonstarX 都会保存一个 版本:这一刻应用全部代码的快照。聊天和规划请求不会改动任何内容,所以不会保存版本。打开项目顶部的 版本 就能看到它们,最新的排在最前面;点击 恢复 即可回到某个版本。恢复会替换当前的代码,但不会改变应用的数据(用户、预约、订单等)。
请参阅 版本。
什么是 MonstarX Cloud?
Section titled “什么是 MonstarX Cloud?”一个应用光有页面是不够的:还需要存放数据的地方、让用户登录的方式、邮件和上传功能。MonstarX Cloud 为每个应用提供这一切,开箱即用,什么都不用配置,也不用粘贴密钥:
| 服务 | 你的应用能得到什么 |
|---|---|
| 数据库 | 应用自己的数据库。预览和已发布的应用使用同一份数据。 |
| 用户账户 | 为应用的用户提供注册、登录和重置密码。 |
| 邮件 | 从应用自己的地址发送邮件,比如 your-app@monstarx.app。 |
| 文件存储 | 存放用户上传的照片和文档。 |
| AI | 在应用中生成文本、回答问题、生成图片和搜索网页。 |
| 地图 | 地图和地点标记,无需密钥。 |
| 密钥 | 为你连接的服务加密保存密钥,绝不写进代码。 |
你可以在 后端 标签页中查看和管理这一切,也可以按需换成你自己的账户,比如用 Supabase 作为数据库,或者使用你自己的邮件域名。请参阅 MonstarX Cloud。
幕后发生了什么?
Section titled “幕后发生了什么?”| 当你…… | MonstarX 会…… |
|---|---|
| 点击 开始构建 | 创建项目,并立即在它的服务器上开始处理你的请求。 |
| 等待 | 在运行预览的安全云端电脑上读取、编写和检查应用的文件。 |
| 关闭标签页 | 继续工作。你回来时结果已经准备好了。 |
| 在构建中途发送另一个请求 | 把它放进队列,前一个构建完成后开始。聊天和规划类问题会在构建的同时立即回答。 |
| 完成一次构建 | 保存一个版本,更新项目页面上的项目截图,并建议下一步可以构建什么。 |
| 点击 发布 | 构建一份正式版本并让它上线。 |
| 连接 GitHub | 把每次修改作为一次提交保存到你的仓库,下次同步时再把在那里做的修改同步回来。 |
MonstarX 构建时,我的电脑需要一直开着吗?
不需要。构建在 MonstarX 的服务器上运行。你可以关闭标签页,甚至关掉电脑,回来时再看结果。
我能看到 MonstarX 写的代码吗?
可以。代码 标签页显示每个文件,你可以编辑并保存。你也可以 导出 项目,或者 保存到 GitHub。
预览和已发布的应用是一样的吗?
是同一个应用,但已发布的应用只有在你点击 重新发布 时才会更新,而预览每次构建后都会变化。两者使用同一个数据库。
恢复版本会删除应用的数据吗?
不会。恢复只改变代码。应用中的用户、预约和其他数据都保持不变。
MonstarX 用什么技术构建应用?
一套标准的现代 Web 技术栈:TanStack Start、React 和 TypeScript,搭配 SQL 数据库。任何 Web 开发者都能上手。