这张卡做完，你会得到一份「UI 界面设计：用自然语言描述 APP 界面」的可交付产物。先看成品长什么样，再倒推做法：
你有个产品点子——"一个记录每天心情的 APP"，但不会画界面，也不会用 Figma。打开 WorkBuddy，用大白话描述你想要的页面长什么样，它就能帮你把界面画出来，还能反复调整。
要点 1：1. 基础界面描述——做完这一步，你会得到「1. 基础界面描述」对应的可查看产物或结果。
要点 2：2. 详细组件描述——做完这一步，你会得到「2. 详细组件描述」对应的可查看产物或结果。
要点 3：3. 多页面方案——做完这一步，你会得到「3. 多页面方案」对应的可查看产物或结果。
做出上面的结果，靠的是一条 4 步任务链。看懂每一步的意图，你就能自己「出题」了：
| # | Prompt / 操作原文 | 意图（为什么这么写） |
|---|---|---|
| 1 | 帮我设计一个 APP 界面：这是一个心情记录应用。首页顶部显示今日心情打卡卡片，中间是心情日历，底部是导航栏（首页/统计/我的）。风格清新，主色绿色 | 主指令：说清「要什么 + 范围 + 约束」，AI 才知道交付标准，模板越具体产出越精准 |
| 2 | 把首页的心情打卡卡片细化一下：卡片左边是一个大笑脸表情，右边是"今天感觉怎么样？"文字和一个"打卡"按钮，按钮用绿色圆角样式 | 主指令：说清「要什么 + 范围 + 约束」，AI 才知道交付标准，模板越具体产出越精准 |
| 3 | 帮我再设计两个页面：1. 统计页——用柱状图展示本周心情趋势 2. 我的页——显示头像、昵称和设置入口列表。保持和首页统一的绿色风格 | 这一步在补充关键上下文或提出明确交付要求，让 AI 基于前面的内容继续，而不是重新开始 |
| 4 | 三个页面统一调整一下：所有标题用深灰色，按钮统一绿色圆角，卡片加浅灰阴影，整体留白多一点，看起来更清爽 | 视觉约束：给出风格 / 配色 / 版式方向，AI 生成的结果才符合你的审美预期 |
下面是这段任务在 WorkBuddy 里的完整回放。点「下一步」逐步展开，把每条 Prompt 复制到你的 WorkBuddy 里跟练。
把模板里 带下划线的词换成你自己的话题，在 WorkBuddy 里跑通：
检查点：① 只改内容、结构照抄；② 每一条都等 AI 回复后再发下一条；③ 至少追问一次「把 X 改成 Y」，确认 AI 是基于上文修改而非重新开始。