02
第一个网页：从一段话到一条链接
拍一张菜单，做出同事都能用的点菜网页
学完能做
- 用一段话，让 AI 做出一个手机上好用的网页
- 看着成品一次改一处，再给它加一个功能
- 把网页发成一条链接，同事点开就能用
中午十一点半，办公室里又有人问“今天吃啥”。这一节你来做个网页解决它：拍一张常点那家店的菜单，四十分钟后，同事们用你做的网页点菜。
- 菜名、价格从照片里自动认出来
- 拿不定主意，点「帮我选」
- 点完复制一句话发群里，你一键汇总成订单
这个能点，先玩一下，它就是你待会儿要做出来的东西。一行代码都不用写，你只需要把想要什么说清楚。
准备两样东西
- WorkBuddy装好并登录。还没装的，先看入门课第 2 节。
- 一张菜单照片你们常点的那家店，拍纸质菜单，或者截外卖软件里的菜单页都行。
跟着做
切到「代码开发」
打开 WorkBuddy，点首页上方的「代码开发」。
把这段话发给它
把菜单照片拖进输入框，再把下面这段话复制进去，发送。
复制这段话，发给 WorkBuddy📎 菜单照片
帮我做一个「今天吃啥」的点菜网页，中午和同事一起点外卖用。 我发给你一张菜单照片，你先把上面的菜名、价格和分类都认出来。 网页要有这几样： 1. 菜单：按分类列出所有菜和价格，能搜索； 2. 帮我选：拿不定主意时点一下，随机推荐一道菜； 3. 我的点单：点了哪些菜、一共多少钱，能一键复制成一句话，发到群里。 手机上要好看好用，暖色调。做成一个单独的网页文件。
在右边点一点
几分钟后，右边会出现做好的网页。像用户一样点一遍：搜个菜、点「帮我选」、点两道菜再复制。
对着照片挑几道菜看看，名字和价格对不对。
哪里不满意，说一处
看着成品挑毛病，一次只说一处，改好了再说下一处。比如：
你对 AI 说
「帮我选」做成抽签的样子，抽的时候晃一晃再出结果。
你对 AI 说
「麻辣豆腐盖饭」认错了，照片上是 10 元。
再加一个功能
第一版满意了，再加一个功能：把群里大家发的点单一起算好。
复制这段话，发给 WorkBuddy
再加一个「汇总」页：我把群里大家发的点单整段粘贴进来，它帮我算出每个人点了什么、一共多少钱，做成一张订单卡片，能一键复制。
发成一条链接
点右上角的分享图标，切到「发布」，打开「发布为网站」，复制下面那条链接。
发到群里，开饭
把链接发到同事群。大家各自点好、把那句话发回群里；你全选粘贴进「汇总」，订单卡片就出来了。
你刚才学会的
这就是用 AI 做东西的基本走法。以后做小程序、做网站、做你自己的产品，走的都是这四步。
- 01说清要什么给谁用、要哪几样、做成什么样
- 02先看第一版做出来点一点，比想象靠谱
- 03一次改一处挑一个毛病说一个，改完再说下一个
- 04发出去真的有人用，才算做成
动手做
- 做出自己的“今天吃啥”，发给至少一个同事或朋友
- 换一家店，再做一次，这次试试只用你自己的话说
卡住了？报错、白屏、改坏了，看常见问题速查。