教程：使用人工智能代理构建应用

本教程介绍如何通过指导 AI 编码代理构建一个可在 Android、iOS 和网页上运行的 Expo 应用，无需编程经验。

在本教程中，你将构建一个完整的 Android、iOS 和 Web 应用，而无需自己编写代码。相反，你将指导一个 AI 编码代理，例如 Claude Code、Codex 或 Cursor，并在每一步之后在自己的手机上实时查看结果。

🌐 In this tutorial, you'll build a complete app for Android, iOS, and the web without writing code yourself. Instead, you'll direct an AI coding agent, such as Claude Code, Codex, or Cursor, and check the results live on your own phone after every step.

本教程适用于构建者：那些有应用创意但没有编程背景的人。如果你更希望自己编写代码，请改为遵循Expo 教程。它逐步构建同一个应用，每次一个代码片段。

🌐 This tutorial is for builders: people who have an idea for an app but don't have a programming background. If you'd rather learn to write the code yourself, follow the Expo tutorial instead. It builds the same app, one code snippet at a time.

你将构建的东西

🌐 What you'll build

你将构建 StickerSmash，一个应用，允许你选择一张照片，在上面放置一个表情贴纸，用手指移动和调整贴纸大小，并将结果保存到你的照片库中：

🌐 You'll build StickerSmash, an app that lets you pick a photo, place an emoji sticker on it, move and resize the sticker with your fingers, and save the result to your photo library:

本教程如何运作

🌐 How this tutorial works

每一章都遵循相同的循环：

🌐 Every chapter follows the same loop:

提示：将建议的提示粘贴到你的 AI 代理中。
构建：代理编写代码，应用在几秒钟内即可在你的手机上更新。
验证：在手机上检查应用是否按照你的要求运行。
重新提示：如果有什么地方看起来不对，告诉代理你看到的情况，让它来解决问题。

你既是产品负责人又是测试人员。代理是程序员。

🌐 You are the product owner and the tester. The agent is the programmer.

人工智能代理每次生成的结果都不完全相同，所以你的应用不会与我们的截图完全一致。这是正常的。提示描述了你想要的结果，而截图大致展示了你应该看到的内容。你可以随意编辑提示以符合自己的喜好：选择不同的颜色，更改按钮上的文字，让它属于你自己。

🌐 AI agents don't produce identical results every time, so your app won't match our screenshots pixel for pixel. That's expected. The prompts describe the outcome you want, and the screenshots show approximately what you should see. Feel free to edit the prompts to match your own taste: pick different colors, change the wording on buttons, make it yours.

你将需要的东西

🌐 What you'll need

运行 macOS、Windows 或 Linux 的计算机。
一部安卓或iOS手机。
大约一个小时。第一章会带你从零安装所有工具，所以你不需要提前设置任何东西。

章节

🌐 Chapters

下一步

🌐 Next step

设置你的工具

安装你的 AI 代理、Node.js 和 Expo Go，并教你的代理关于 Expo 的知识。