跳转到内容

MonstarX 如何工作

要点你描述一个应用,AI 智能体把它规划成一份功能清单,然后在一台安全的云端电脑上编写代码;构建过程中,你的应用就在预览中实时运行。代码的每次修改都会保存为一个版本,随时可以回退。MonstarX Cloud 为应用提供数据库、登录、邮件、存储和 AI。你可以在真实浏览器中测试它,一键发布到专属地址,再通过聊天不断改进。

MonstarX 能完成一个小型软件团队的工作:规划要做什么、编写代码、运行起来、检查一遍,再发布上线。本页用通俗的话讲清楚每个阶段,让你在等待时知道正在发生什么,也知道每一步你可以做什么。

1描述
用你自己的话说出需求
2规划
一份功能清单
3构建
代码、数据库和图片
4预览
你的应用,实时运行
5测试
真实浏览器逐一点击检查
6发布
在专属地址上线
7改进
聊天、点选,不断迭代

你每提出一次修改,第 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 的全球网络提供服务。你也可以添加自己的域名。

发布会保存应用此刻的快照。之后你可以在预览中尽情修改:只有点击 重新发布 时,线上网站才会更新。请参阅 发布应用。

应用永远没有真正完成的那一天。你可以要求加下一个功能,修复客户反馈的问题,或者在计划中的功能全部构建完成后,从 MonstarX 建议的 接下来可以尝试的创意 中挑一个:在某一项上点击 添加(或点 添加全部),然后点击 构建此功能(加了多项时为 构建这些功能)。每个请求都会走同样的循环:规划、构建、预览、测试、发布。

每当应用的代码发生变化,比如完成一次构建、在 代码 标签页中保存,或者执行一次恢复,MonstarX 都会保存一个 版本:这一刻应用全部代码的快照。聊天和规划请求不会改动任何内容,所以不会保存版本。打开项目顶部的 版本 就能看到它们,最新的排在最前面;点击 恢复 即可回到某个版本。恢复会替换当前的代码,但不会改变应用的数据(用户、预约、订单等)。

请参阅 版本。

一个应用光有页面是不够的:还需要存放数据的地方、让用户登录的方式、邮件和上传功能。MonstarX Cloud 为每个应用提供这一切,开箱即用,什么都不用配置,也不用粘贴密钥:

服务你的应用能得到什么
数据库应用自己的数据库。预览和已发布的应用使用同一份数据。
用户账户为应用的用户提供注册、登录和重置密码。
邮件从应用自己的地址发送邮件,比如 your-app@monstarx.app。
文件存储存放用户上传的照片和文档。
AI在应用中生成文本、回答问题、生成图片和搜索网页。
地图地图和地点标记,无需密钥。
密钥为你连接的服务加密保存密钥,绝不写进代码。

你可以在 后端 标签页中查看和管理这一切,也可以按需换成你自己的账户,比如用 Supabase 作为数据库,或者使用你自己的邮件域名。请参阅 MonstarX Cloud。

当你……MonstarX 会……
点击 开始构建创建项目,并立即在它的服务器上开始处理你的请求。
等待在运行预览的安全云端电脑上读取、编写和检查应用的文件。
关闭标签页继续工作。你回来时结果已经准备好了。
在构建中途发送另一个请求把它放进队列,前一个构建完成后开始。聊天和规划类问题会在构建的同时立即回答。
完成一次构建保存一个版本,更新项目页面上的项目截图,并建议下一步可以构建什么。
点击 发布构建一份正式版本并让它上线。
连接 GitHub把每次修改作为一次提交保存到你的仓库,下次同步时再把在那里做的修改同步回来。
MonstarX 构建时,我的电脑需要一直开着吗?

不需要。构建在 MonstarX 的服务器上运行。你可以关闭标签页,甚至关掉电脑,回来时再看结果。

我能看到 MonstarX 写的代码吗?

可以。代码 标签页显示每个文件,你可以编辑并保存。你也可以 导出 项目,或者 保存到 GitHub。

预览和已发布的应用是一样的吗?

是同一个应用,但已发布的应用只有在你点击 重新发布 时才会更新,而预览每次构建后都会变化。两者使用同一个数据库。

恢复版本会删除应用的数据吗?

不会。恢复只改变代码。应用中的用户、预约和其他数据都保持不变。

MonstarX 用什么技术构建应用?

一套标准的现代 Web 技术栈:TanStack Start、React 和 TypeScript,搭配 SQL 数据库。任何 Web 开发者都能上手。