Atoms
Start here

快速开始

构建并发布你的第一个 Atoms 应用,从你的第一个提示词到可供分享的在线版本。

构建并发布你的第一个 Atoms 应用,从你的第一个提示词到可供分享的在线版本。

你无需在开始之前先学会每个智能体、模式或技术术语。基本工作流程其实简单得多:告诉 Atoms 你想要什么,检查它构建了什么,进行修改,测试它,并在准备就绪后发布。

本指南以一个简单的咖啡馆网站为例,但同样的循环也适用于落地页、仪表盘、内部工具或你自己的应用想法。

这些步骤适用于已登录的桌面网页项目。移动项目使用单独的移动端构建和分发流程。

发布前,请等待当前构建完成,确保你拥有发布权限,确认项目处于空闲状态,并检查积分或存储等必需的项目资源是否可用。如果 Publish 不可用,请在重试前检查项目版本、访问权限和资源条件。使用数据、密钥、电子邮件、AI 或支付等其他已连接服务的项目,在分享前也需要完成其生产环境检查。

描述你想要的内容

从提示词输入框开始,用自然语言描述你想要的结果。你不需要编写技术规格,也不需要告诉 Atoms 应该如何编写代码。

一个有用的初始提示词通常会说明你要构建什么、主要版块或功能、视觉方向,以及任何在移动端很重要的内容。

如果你已经在 App 世界中找到了接近你需求的内容,也可以通过克隆该项目开始,而不是从零开始。

检查第一个结果

Atoms 会创建项目并构建第一个版本。准备就绪后,打开 App 预览,在请求更多修改之前先查看结果。

先快速浏览一遍。你此时还不需要找出每一个细小问题。先检查 Atoms 是否理解了核心想法。

  • 主要版块和功能都在吗?
  • 整体布局是否符合你的要求?
  • 重要按钮、链接、筛选器或其他交互是否有响应?
  • 是否有明显缺失、损坏,或与原意不符的地方?

你可以在 PC 和移动模式下预览应用,因此在继续之前,请检查不止一种屏幕尺寸下的体验。

进行修改

把第一个版本当作起点。用简单明了的语言告诉智能体你想改什么,然后再次检查结果。

与一次性改动所有内容相比,小而具体的请求通常更容易审查。

对于视觉修改,你可以直接在 App 预览 中编辑元素,或向智能体描述修改内容。如果你有希望 Atoms 参考的截图、设计稿、文件或其他参考资料,请上传它并指给智能体看。

当出现问题时: 如果某些内容确实损坏了,而不只是与你的偏好不同,请使用 Fix Bug,或准确告诉智能体哪里出了问题以及问题发生的位置。

如果仍然失败: 在一次有针对性的重试后,不要继续重复同样的请求。记录受影响的步骤、你的预期、实际发生的情况、你已经尝试过的方法,以及可分享的项目链接或截图。如果你是付费用户,并遇到账户、账单或 Atoms 平台问题,请打开 Atoms Help Center,在 Explore resources 下选择 Atoms Support,然后选择 Contact us。对于免费套餐用户,或一般产品说明与故障排查,请先从帮助中心、Ask Assistant 或 Atoms 社区开始。

发布前测试

在你把应用发给任何人之前,花几分钟像真实访客一样使用它。现在做一次快速测试,要比分享后再解释一个失效链接轻松得多。

  • 点击每一个重要按钮和链接。
  • 尝试交互部分,例如筛选器、表单、菜单或导航。
  • 同时检查 PC 和移动视图。
  • 查看是否有文字被截断、重叠、缺失或难以阅读。
  • 确保主要用户流程从开始到结束都能正常运行。

如果你的应用依赖已存储的数据或后端操作,也要一并测试。Atoms 可以使用 Atoms 云,或通过 Supabase 集成实现数据存储、密钥、电子邮件、AI 调用和支付等能力。

发布前,请从访客可见的任何内容中移除密钥、密码、tokens、个人信息和私密测试数据。确认项目应为 Public 还是 Private,并使用目标账户测试在线链接。如果应用使用真实支付、电子邮件、已存储数据或已连接服务,请在分享前分别验证这些生产环境操作。

发布

当预览看起来正确且主要交互正常工作时,点击编辑器右上角的 Publish

发布会创建一个在线链接,其访问权限取决于你选择的可见性。Public 可通过链接打开,并且可能出现在 Discover 中。Private 仅对所有者可见,并且可能受套餐限制。请在分享前选择预期的可见性,并使用目标账户测试该链接。

发布是你的项目真正变成其他人可以打开内容的时刻。你可以继续在项目中开发,但发布后始终要单独检查在线版本。

验证在线应用

在分享前,请先自己打开已发布的链接。确认所选的 PublicPrivate 可见性能让目标受众获得访问权限;可使用隐私窗口或目标账户进行测试。

  • 在新标签页或隐私窗口中,使用与目标受众匹配的账户或访问上下文打开链接。
  • 确认页面能够加载,并显示你预期的版本。
  • 重复最重要的点击或交互。
  • 如果移动访客对你的应用很重要,请在手机上检查页面。

如果你发现问题,请返回项目,进行修改,再次测试预览,然后更新在线版本。

修改后更新

你的应用不会因为发布过一次就停止变化。只要有需要,就继续在项目中不断完善它。

首次发布后,Publish 按钮会变为 Update。当你想把新的更改推送到在线版本时,请点击 Update。

更新后,再打开一次已发布链接并进行验证。这样你就有了一个简单且可重复的循环:

描述 → 检查 → 修改 → 测试 → 发布 → 验证 → 更新

这就是 Atoms 的核心工作流程。更复杂的应用可能会加入数据、身份验证、集成、自定义域名或多个智能体,但构建循环保持不变。

此页面对你有帮助吗?

相关文章