你不需要会写代码 —— 你需要会"跟它说清楚"。
这一篇用 6 个互动，让你亲手练一遍。
AI 不是替你的，是给你当实习生的。但实习生干得好不好，取决于你怎么交代任务。
这篇手册不讲道理，全是动手关：你会去贴标签、拼草图、猜能力、排工作流、选开源库、组装 Prompt。
走完一遍，你就知道 "原来跟 AI 沟通有套路"。
每个业务都有底层结构。沟通前先看清。
这一节走 3 步：贴标签 → 切粒度 → 喂 token。
<div class="product-1"> <img src="a.jpg" /> <h3>风衣</h3> <span>¥899</span> </div> <div class="product-2"> <img src="b.jpg" /> <h3>毛衣</h3> <span>¥299</span> </div> <div class="product-3"> ... </div> .product-1 { width: 280; ... } .product-2 { width: 280; ... } .product-3 { width: 280; ... } /* 改个间距 = 改 3 处 */
直接让 AI "生成一套设计规范"是空话。先喂颜色，再反复确认字号、圆角、间距、投影。 下面这 5 件事，必须按顺序点 —— 这就是你跟 AI 反复对齐的过程。
长 prompt 永远翻车。
左边挑模块 → 中间排版 → 右边喂给 AI。
ASCII 是设计师跟 AI 对齐最快的语言。
Codex + Figma MCP 能干到什么程度，你以为的和实际差多远？
给下面 12 题各选一个。
AI 不是单点能力 —— 把它们串起来才有效。
按正确顺序，把 5 个能力填进 5 个槽位。
网上能找到的，就别让 AI 自己想。
给下面 4 个需求各选一条路 —— 看代价。
结构化指令 = 身份 + 背景 + 任务 + 约束。
从 4 个抽屉里各挑一个，看一个完整 prompt 是怎么拼出来的。
这本沟通手册的全部内容 —— 浓缩成 6 句话带走。
一个页面 = 静态切图 + 动态组件 + API 数据。沟通前先看清三层。
开口要小：先 Card 组件，再凑成页。AI 不会主动抽组件，但它会抄你的颗粒度。
颜色第一，其它一档档加。一次别灌满 —— 反复确认才稳定。
长 prompt 翻车。先用 ASCII 把脑里那张图画出来，再让 AI 翻译。
素材先行 → 实现紧跟 → 细节补完。会用 AI 是会编排，不是会发指令。
身份 + 背景 + 任务 + 约束，四件套缺一不可。好 prompt 是拼出来的。
这本手册没有"读完就掌握"的捷径 —— 把这六个动作做成你的肌肉记忆，AI 的产出才会稳。