快速上手：构建你的第一个应用
要点免费注册一个账户，在项目页面的输入框中写下应用要做什么，然后点击“开始构建”。MonstarX 会规划功能、编写应用，并在预览中运行给你看，通常几分钟就好。试用一下，在聊天中提出修改，然后点击“发布”，应用就会在 your-app.monstarx.app 上线。
接下来的几分钟里，你会做出一个真正的 Web 应用，有页面、数据库和登录功能，并把它发布到互联网上。你不需要写任何代码，只需要一个能用一两句话说清楚的想法。
我们以瑜伽馆预约网站为例。如果你有自己的想法，直接用你的就好。
- 一台电脑或一部手机，装有较新的浏览器（Chrome、Safari、Edge 或 Firefox）。
- 大约 10 分钟。
第 1 步：免费注册账户
Section titled “第 1 步：免费注册账户”-
打开 monstarx.com，点击 开始构建；如果已有账户，点击 登录。
-
用你的邮箱注册账户；如果页面提供 Google 或 GitHub 登录，也可以用它们。Free 套餐无需绑定信用卡。
你的 MonstarX 账户和你构建的应用是分开的：每个应用都有自己的登录系统，供它自己的用户使用。
第 2 步：描述你的应用
Section titled “第 2 步：描述你的应用”登录后，你会进入 项目 页面，这是你在 MonstarX 的主页。顶部的大输入框写着 接下来我们构建什么？
-
点击输入框，用日常语言描述你的应用：给谁用，用户能在里面做什么。
为我的瑜伽馆做一个预约网站：每周课程表，每节课有名额上限，会员可以登录，有人预约时发送确认邮件。
-
点击 开始构建，或按 Enter。（按 Shift Enter 换行。）
不知道写什么？点击输入框下方的某个创意，比如 客户门户、预约网站、内部工具、AI 助手 或 交易平台应用，它会自动填好内容，你再改成适合自己的说法。你停止输入后，使用 AI 自动完善 会提出帮你把粗略的想法扩写成一个详细的请求，请参阅 AI 自动完善。
这些选项暂时可以不管
Section titled “这些选项暂时可以不管”输入框下方有几个开关。做第一个应用时，一个都用不到：
| 选项 | 作用 |
|---|---|
| 先规划 | MonstarX 会在构建前问你几个问题，比如谁会使用这个应用、它叫什么名字、想要什么风格。请参阅 先规划。 |
| 先设计 | 先给你看几个接近成品的首屏设计，你选中的那个会决定整个应用的外观。请参阅 先设计。 |
| 自动（模型） | 为每个请求挑选最合适的 AI 模型。请参阅 选择模型。 |
| 回形针图标 | 附加截图、设计稿、文档或电子表格。请参阅 附加文件。 |
| 导入 | 导入你已有的应用，来源可以是 GitHub、Lovable、.zip 文件或公开网站。请参阅 导入应用。 |
| Figma | 把 Figma 设计稿变成能用的应用。请参阅 从 Figma 构建。 |
| 你的智能体 | 把你在 Claude Code、Codex 或 Cursor 中做的应用发送到 MonstarX。请参阅 从编程智能体开始。 |
第 3 步：看着它构建出来
Section titled “第 3 步：看着它构建出来”MonstarX 会创建项目并打开它。从这里开始，工作都在 MonstarX 的云端进行，而不是在你的浏览器里。
你会看到：
- 聊天顶部是 你的请求，下面显示 MonstarX 此刻在做什么，比如“推理中…”“正在规划功能…”“正在编写代码…”。
- 功能计划：一份简短的清单，列出它要构建的内容，比如“每周课程表”和“会员注册与登录”。每完成一项，它就打一个勾。聊天顶部的 功能 进度条显示已经构建了多少项。
- 右侧是 预览。在有内容可以展示之前，卡片上会显示 正在构建应用… 和一个计时器，下面是 Monstar Run，一个等待时可以玩的小游戏（按空格键跳跃）。
第一次构建通常需要几分钟。应用越大，时间越长。
第 4 步：试用你的应用
Section titled “第 4 步：试用你的应用”构建完成后，应用会出现在预览中。这就是真正在运行的应用：像访客一样点一点、填填表单、注册一下。
在聊天中留意这些内容：
- 演示账户已就绪：MonstarX 生成的邮箱和密码，让你马上就能登录自己的应用（前提是应用有登录功能）。点旁边的按钮即可复制。
- 计划中的功能已全部构建：简要说明应用现在能做什么。
- 接下来可以尝试的创意：下一步可以加的功能建议。点击 添加 把某一项放进功能计划（或点 添加全部），然后点击 构建此功能（加了多项时为 构建这些功能）。这些都是可选的。
MonstarX 还会根据它构建的内容，给项目起一个简短的名称并写一段描述。点击顶部的名称，随时可以修改。
第 5 步：想改什么，直接说
Section titled “第 5 步：想改什么，直接说”在同一个聊天里继续。用日常语言写下要改的地方，然后点击 发送。
适合一开始尝试的修改：
- “把页眉改成深绿色，标题用衬线字体。”
- “加一个介绍老师的页面，每位老师配一张照片和一段简介。”
- “课程满员时，把预约按钮换成‘加入候补名单’按钮。”
比起描述，更想直接指给它看？点击预览上方的 编辑，点选页面上要修改的部分，然后说明要怎么改。请参阅 编辑模式。
每次修改都会保存为一个 版本。如果不喜欢某次修改，打开顶部的 版本，恢复到之前的版本即可。请参阅 版本。
第 6 步：发布上线
Section titled “第 6 步：发布上线”满意之后，就把应用发布到互联网上。
-
点击项目右上角的 发布。
-
点击 发布网站。菜单会显示进度：正在准备网站、正在构建网站、正在将网站上线。发布过程中可以关闭菜单。
-
点击 访问网站 打开它，或点击 复制链接 分享出去。
现在你的应用已经在它的专属地址上线了。这个地址根据项目名称生成，比如 yoga-studio-booking.monstarx.app，并且自带 HTTPS。以后修改了应用，点击 发布，再点击 重新发布，就能更新线上网站，访客永远不会看到改到一半的内容。请参阅 发布应用。
想用自己的域名，比如 sagebrookyoga.com？你可以点几下就 购买域名，或者 连接已有的域名。
接下来做什么？
Section titled “接下来做什么？”- 好好测试一下。 MonstarX 可以在真实浏览器中测试你的应用，并修复失败的地方。请参阅 QA 测试。
- 看看你的数据。 管理 标签页用简单的表单展示谁注册了、有哪些预约。请参阅 管理后台。
- 让请求得到更好的结果。 请参阅 提示词技巧。
- 熟悉各个功能的位置。 请参阅 工作区导览。
第一次构建需要多长时间？
通常几分钟。功能很多的大型应用需要更久。构建期间可以关闭标签页：构建会在 MonstarX 上继续运行，完成时你可以 收到通知。
第一个请求应该写什么？
用一到三句话说明应用给谁用、用户能在里面做什么。其他内容都可以以后再加。请参阅 提示词技巧。
构建第一个应用要花钱吗？
用 Free 套餐不花钱：每个请求都会用掉一部分套餐用量，而 Free 套餐的用量足够构建并发布一个小型应用。请参阅 用量和上限。
可以停止构建吗？
可以。点击输入框中红色的 停止 按钮。已经构建好的部分会保留下来，你可以接着发一个新请求。
应用一构建好就公开了吗？
没有。在你点击 发布 之前，它不会在自己的地址上线：只有你、你 分享项目 的人，以及收到预览链接的人能看到它。
出问题了，怎么办？
在聊天中告诉 MonstarX 你看到了什么，或者从 版本 中恢复一个更早的版本。请参阅 故障排除。