用 AI 做一个能用的应用原型，交给真人去试
原型值得做，是因为它能回答线框图回答不了的问题：当一个人必须亲手操作时，他到底能不能理解这个流程？Anticode 根据你的描述编写一个能运行的应用，里面填满标明为示例的数据，测试者可以在自己的手机上打开。本页介绍原型该做什么、怎么描述，以及单浏览器原型的边界在哪里。
为什么能用的原型比线框图告诉你更多
静态画面测试的是人们喜不喜欢它的样子。它很少能测试人们会不会用，因为测试者得想象每次点击之后会发生什么，主持测试的人最后只好在旁边讲解产品。一个真正会响应的可交互应用原型省掉了这些讲解。测试者在真实的输入框里打字，看到总数真的变化，删掉最后一项时看到真实的空状态。他们的困惑来自你的设计，而不是原型的缺口。
它也改变了你能问的问题。拿着线框图，你只能问“你会用它吗？”，人们会客气地回答。拿着能用的东西，你可以布置一个任务（“加上下周二的班次，看看你这周的总工时有什么变化”），然后观察他们在哪里犹豫。
先想清楚原型要证明什么
动手描述之前，写下这次测试要回答的一两个问题。这样构建会保持精简，测试也更聚焦。常见的问题有：
- 理解： 人们能否在几秒内明白主屏幕是做什么的？
- 核心任务： 他们能否在无人帮助的情况下完成产品存在的那一项任务？
- 棘手时刻： 在你没把握的边界情况下会怎样：空列表、需要撤销的操作、会换行的长名字？
- 意愿： 用过之后，他们会愿意用它替换现在的电子表格、笔记本或应用吗？
凡是不服务于这些问题的，都可以省略或者假装有。二十分钟的测试里没人会打开的设置页，生成起来再容易也是白费力气。
如何向 Anticode 描述
用几句话描述使用者、任务和各个界面，并说明示例数据应该是什么样。例如：“为一家咖啡馆团队做一个换班应用的原型。界面：本周排班表、申请换班、待处理的换班请求列表。使用八名示例员工和真实的一周。所有内容都标为演示数据。”Architect 会回复一个简短的规划（名称、界面、风格、功能），并可能在答案会改变构建的地方问最多三个问题，每个问题都有可以点选的建议答案。
选择“Build it”后，模型会把整个应用写成一个 HTML 文档，你可以看着代码逐步生成。在该审查服务可用时，新构建的应用还可以在无头浏览器中以手机和笔记本宽度打开、截图并逐一点击，发现的错误会反馈回去修复。
假的部分要老实标明
Anticode 应用运行在无网络的沙箱中，所以通常需要服务器的东西都在页面内模拟：其他用户是示例人物，“已发送”的消息进入一个本地列表，登录界面输入什么都能通过。应用会在关键位置把这些标为演示数据。测试期间请保持这些标注可见。以为自己在用真实系统的测试者，会做出与知道这是模型的测试者不同、而且更冒险的选择；在这个阶段，你要的是后者的反馈。
真正会保留下来的，是应用保存在测试者自己浏览器里的内容。如果有人添加了三项、关掉标签页、明天再回来，这三项仍然在那台设备上。只要每位测试者固定使用一部手机或一台笔记本，这足以支撑为期一周的日记式研究。
进行测试并修改构建
- 把原型发布到它的 anticode.dev 地址，并把链接发给测试者。无需安装任何东西。
- 对于相关决策者，改发客户审阅链接：他们无需账户就能打开当前预览，并针对某个区块留下评论。链接默认 14 天后过期，你也可以随时撤销。
- 每轮测试之后，用平实的话提出修改（“把换班按钮放到每张班次卡片上”）。最近的保存会保留在版本历史中（数量由你的套餐决定），所以你可以把第一轮和第三轮并排展示，或者回退。
单浏览器原型测不了什么
对边界要心里有数。沙箱原型一次只在一台设备上运行，所以它无法测试：
- 任何人与人之间的东西：真实通知、共享列表、两位测试者互相看到对方的修改。
- 真实的登录、权限或账户找回。
- 实时外部数据、支付，或应用内的 AI 功能（只能用固定的示例回复来模拟）。
- 真实数据量或慢速网络下的性能。
当想法经受住测试，Next.js 导出就是迈向真实产品的一步。它适用于应用构建，给你一个标准的 TypeScript App Router 项目，包含通过 Prisma 连接的 Postgres、邮箱登录、客户和员工角色以及一个管理后台。它是开发者在其上继续扩展的起点，而不是一个完成的多用户应用；你可以把它推送到你指定的 GitHub 仓库。导出到 Next.js 的指南介绍了其中的内容。如果你需要不写代码就能用于生产的多用户功能，有后端支持的无代码工具可能比这两者都更合适。
常见问题
这是 AI 应用原型生成工具，还是设计工具？
它生成能运行的代码，而不是画布上的画框。你得到的是浏览器里一个真正的应用，适合可用性测试；如果你需要给设计团队提供像素级的设计文件，请同时使用设计工具。
测试者能在手机上用吗？
能。发布后的应用是一个在手机浏览器中可用的网页，它保存的内容都留在那部手机上。
我能看到测试者输入了什么吗？
看不到他们在应用里保存的内容，那些留在他们的设备上。如果你加上反馈或联系表单，这些提交会通过邮件和控制台送到你手上。
原型会变成真正的应用吗？
它可以成为起点。Next.js 导出会把它变成一个带数据库和登录功能的项目，供开发者在此基础上继续构建。