AI智能体如何完成
- 01
读取需求和资料
告诉它页面的用途、目标受众，以及您希望访客完成的主要操作。它会读取您存放在 Google Drive 中的文案和照片，以及 Figma 文件中的配色、字体和布局。
- 02
规划页面并撰写文案
创建之前，它会发送一份简短方案：各部分的顺序、两个标题选项、表单字段，以及用户注册后会发生什么。修改方案只需一句话，修改已经建好的页面则需要更多工作。
- 03
在 MonstarX 中创建页面
获得您的批准后，它会在同一订阅包含的应用构建工具 MonstarX 中启动项目，并跟进构建过程，直到预览链接准备好。项目会保留在您的 MonstarX 账户中。
- 04
检查三种尺寸的预览
智能体会在自己的浏览器中，以手机、平板和电脑宽度打开预览。它会点击每个链接，用测试地址提交表单，检查文字错误，以及是否有内容被截断或重叠。
- 05
修复发现的问题
例如，它可能发现注册按钮在 360 像素宽的手机屏幕上挡住了邮箱输入框。智能体会提出修复方案，获得您同意后将修改发送到项目，再重新检查三种尺寸，并向您展示修改前后的效果。
- 06
您查看并提出修改
在您自己的手机上打开预览，像向同事提要求一样提出修改：更换标题、把表单往上移、使用第二张照片。每项修改都会发送到项目中并再次检查。
- 07
发布前征求您的同意
一张卡片会列出页面即将公开的网址。您同意后页面才会上线；如果拒绝，则不会有任何变化。之后，智能体会打开已上线的页面，确认页面能正常加载、表单能正常使用。
最终您会得到
- 一个有公开网址的页面，仅在您批准后上线
- 发布前可在自己手机上打开的预览链接
- 一份检查报告，列出手机、平板和电脑尺寸下的测试内容及修复的问题
- 您 MonstarX 账户中的项目，您或智能体都可以继续完善
何时向您请示
规划、写作和检查不需要批准，但在 MonstarX 中启动或修改项目前会先征求您的同意。发布始终需要通过单独的卡片批准，卡片会列出即将公开的网址；在您同意之前，页面不会发布。
如何下达指令
- 为 Ridge 创建一个带候补名单表单的发布页面。文案和照片在 Drive 文件夹 Ridge launch 中，设计在 Figma 里。检查手机尺寸的效果，发布前把预览给我看。
- 把标题改成“热力直达山巅”，将表单移到照片上方，再检查一次手机布局。
- 我们的定价页面在 GitHub 代码库 fieldwork-site 中。添加新的 Team 套餐，在你的电脑上运行网站进行检查，并在推送代码前征求我的同意。
看看它如何工作
这是一段使用示例数据的加速回放。您可以暂停、拖动进度条，也可以亲自接管鼠标。
画面中的应用
MonstarX
选一项任务，看看它如何完成。
- 原因
- 将新品发布页上线。
- 位置
- MonstarX · 项目 ridge-launch
- 预期结果
- 发布后，任何人都可以通过此地址访问页面。您可以随时取消发布。
你的团队，连接一切。
登顶时，依然温热。
500 ml 保温瓶，陪您一路登顶。
使用虚构数据的示例回放，已加速播放。您可以暂停、拖动进度条，也可以亲自接管鼠标。
常见问题
AI智能体能创建网站吗？
可以。Monmo 智能体可以根据需求说明撰写文案，用 MonstarX 创建页面，测试手机、平板和电脑尺寸的预览，并修复发现的问题。您可以查看预览，用日常语言提出修改，并批准发布。如果网站规模较大，可以每次让它创建一个页面或部分，方便逐一审核。
MonstarX 是什么，需要额外付费吗？
MonstarX 是 Monmo 随附的应用构建工具，一份订阅包含两者。每个产品都有各自的使用额度，构建项目会计入 MonstarX 的额度。您只需授权连接一次，智能体创建的项目就会保存在您的 MonstarX 账户中，您可以自行打开，并通过聊天继续完善。
能按照我们的品牌和设计制作吗？
可以，只要您提供设计稿。智能体可以通过 Figma 连接或在自己的浏览器中读取 Figma 文件里的配色、字体、间距和布局，也可以从 Google Drive 获取标志和照片。构建完成后，它会将页面与设计画板比较，列出未能消除的差异，供您决定。
它真的会在手机上测试网站吗？
它会按手机屏幕尺寸测试，但不会在实体手机上测试。智能体会将自己的浏览器缩至 360 和 390 像素等宽度，检查文字是否被截断、按钮是否重叠，并测试表单和每个链接。批准发布前，您也可以在自己的设备上打开预览，进行最后检查。
它能修改我们现有的网站吗？
可以，前提是智能体能够访问网站代码。如果您的网站存放在 GitHub 代码库中，智能体可以将代码复制到自己的电脑上，在分支中进行修改，运行网站检查效果，并准备一个拉取请求。推送代码前会先征求您的同意，合并和部署仍按照您惯常的流程进行。