Now vibe coding, so learning hammer FE ?
《我用 AI 做设计的六步法（第二篇：复杂功能篇）》
标签：
#AI辅助设计 #工程师设计进阶 #AI_Slop治理 #复杂功能开发 #RefTools
总结：
作者分享了自己用 AI Agent 开发复杂产品功能时、如何避免"AI Slop（AI 生成的设计垃圾）"污染界面的完整流程。核心思路是：在让 Agent 动手之前先充分理解产品和约束，Agent 跑完后必须人工把每个界面状态过一遍，再聚焦打磨关键界面，最后靠团队协作和真实用户反馈收口。
文章要点：
1. 动手前先理解机制：花大量时间在调研规划阶段，搞清 Agent 会接触的产品界面和技术约束，甚至亲手写一遍用户流程，绝不让 Agent 的技术/产品决策带来意外惊喜。
2. 追踪 Agent 的实现轨迹：让 Agent 先把功能粗做出来当"陶土"来塑形，然后通读它产出的所有产物（日志、截图、PR、演示视频），检查实现路线是否有异常偏离。
3. 放大视角看遍所有状态：他要求 Agent 点击功能里每一个界面的每一个状态，输出全状态截图清单和沿途发现的 Bug 清单，先粗扫一遍再标记小问题，这一阶段说得最多的就是"删掉这个"。
4. 聚焦打磨关键界面（Crux Surfaces）：把最关键的几个界面拉到 Figma 或 HTML 原型里手工精修，这是 AI 时代里难得的专注打磨细节的乐趣。
5. 走出孤岛、靠团队迭代：一个人用 Agent 能做完过去一个团队的活，但也失去了团队的品味把关；他们靠 Slack 的 #design-adjustments 频道让任何人贴"修改前/后对比图"来提设计改进。
6. 上线、学习、接受意外：复杂功能总有你没想到的交互路径，用户一定会找到它，把产品交到用户手里才是真正的验证。
URL：https://x.com/reactiverobot/status/2115075879923765615
标签：
#AI辅助设计 #工程师设计进阶 #AI_Slop治理 #复杂功能开发 #RefTools
总结：
作者分享了自己用 AI Agent 开发复杂产品功能时、如何避免"AI Slop（AI 生成的设计垃圾）"污染界面的完整流程。核心思路是：在让 Agent 动手之前先充分理解产品和约束，Agent 跑完后必须人工把每个界面状态过一遍，再聚焦打磨关键界面，最后靠团队协作和真实用户反馈收口。
文章要点：
1. 动手前先理解机制：花大量时间在调研规划阶段，搞清 Agent 会接触的产品界面和技术约束，甚至亲手写一遍用户流程，绝不让 Agent 的技术/产品决策带来意外惊喜。
2. 追踪 Agent 的实现轨迹：让 Agent 先把功能粗做出来当"陶土"来塑形，然后通读它产出的所有产物（日志、截图、PR、演示视频），检查实现路线是否有异常偏离。
3. 放大视角看遍所有状态：他要求 Agent 点击功能里每一个界面的每一个状态，输出全状态截图清单和沿途发现的 Bug 清单，先粗扫一遍再标记小问题，这一阶段说得最多的就是"删掉这个"。
4. 聚焦打磨关键界面（Crux Surfaces）：把最关键的几个界面拉到 Figma 或 HTML 原型里手工精修，这是 AI 时代里难得的专注打磨细节的乐趣。
5. 走出孤岛、靠团队迭代：一个人用 Agent 能做完过去一个团队的活，但也失去了团队的品味把关；他们靠 Slack 的 #design-adjustments 频道让任何人贴"修改前/后对比图"来提设计改进。
6. 上线、学习、接受意外：复杂功能总有你没想到的交互路径，用户一定会找到它，把产品交到用户手里才是真正的验证。
URL：https://x.com/reactiverobot/status/2115075879923765615
X (formerly Twitter)
Matt Dailey on X: "How I Design with AI. (pt 2)" / X
