<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>工程师设计进阶 | 锤子前端</title><description>Now vibe coding, so learning hammer FE ?</description><link>https://channel.meo-ai.com</link><item><title>《我用 AI 做设计的六步法（第二篇：复杂功能篇）》</title><link>https://channel.meo-ai.com/posts/726</link><guid isPermaLink="true">https://channel.meo-ai.com/posts/726</guid><pubDate>Wed, 28 Oct 2026 01:12:46 GMT</pubDate><content:encoded>&lt;span class=&quot;post-title-source&quot;&gt;《我用 AI 做设计的六步法（第二篇：复杂功能篇）》&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;标签：&lt;br /&gt;&lt;a href=&quot;/search/result?q=%23AI%E8%BE%85%E5%8A%A9%E8%AE%BE%E8%AE%A1&quot; title=&quot;#AI辅助设计&quot;&gt;#AI辅助设计&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E5%B7%A5%E7%A8%8B%E5%B8%88%E8%AE%BE%E8%AE%A1%E8%BF%9B%E9%98%B6&quot; title=&quot;#工程师设计进阶&quot;&gt;#工程师设计进阶&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23AI_Slop%E6%B2%BB%E7%90%86&quot; title=&quot;#AI_Slop治理&quot;&gt;#AI_Slop治理&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E5%A4%8D%E6%9D%82%E5%8A%9F%E8%83%BD%E5%BC%80%E5%8F%91&quot; title=&quot;#复杂功能开发&quot;&gt;#复杂功能开发&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23RefTools&quot; title=&quot;#RefTools&quot;&gt;#RefTools&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;总结：&lt;br /&gt;作者分享了自己用 AI Agent 开发复杂产品功能时、如何避免&quot;AI Slop（AI 生成的设计垃圾）&quot;污染界面的完整流程。核心思路是：在让 Agent 动手之前先充分理解产品和约束，Agent 跑完后必须人工把每个界面状态过一遍，再聚焦打磨关键界面，最后靠团队协作和真实用户反馈收口。&lt;br /&gt;&lt;br /&gt;文章要点：&lt;br /&gt;1. 动手前先理解机制：花大量时间在调研规划阶段，搞清 Agent 会接触的产品界面和技术约束，甚至亲手写一遍用户流程，绝不让 Agent 的技术/产品决策带来意外惊喜。&lt;br /&gt;2. 追踪 Agent 的实现轨迹：让 Agent 先把功能粗做出来当&quot;陶土&quot;来塑形，然后通读它产出的所有产物（日志、截图、PR、演示视频），检查实现路线是否有异常偏离。&lt;br /&gt;3. 放大视角看遍所有状态：他要求 Agent 点击功能里每一个界面的每一个状态，输出全状态截图清单和沿途发现的 Bug 清单，先粗扫一遍再标记小问题，这一阶段说得最多的就是&quot;删掉这个&quot;。&lt;br /&gt;4. 聚焦打磨关键界面（Crux Surfaces）：把最关键的几个界面拉到 Figma 或 HTML 原型里手工精修，这是 AI 时代里难得的专注打磨细节的乐趣。&lt;br /&gt;5. 走出孤岛、靠团队迭代：一个人用 Agent 能做完过去一个团队的活，但也失去了团队的品味把关；他们靠 Slack 的 &lt;a href=&quot;/search/result?q=%23design&quot; title=&quot;#design&quot;&gt;#design&lt;/a&gt;-adjustments 频道让任何人贴&quot;修改前/后对比图&quot;来提设计改进。&lt;br /&gt;6. 上线、学习、接受意外：复杂功能总有你没想到的交互路径，用户一定会找到它，把产品交到用户手里才是真正的验证。&lt;br /&gt;&lt;br /&gt;URL：&lt;a href=&quot;https://x.com/reactiverobot/status/2115075879923765615&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://x.com/reactiverobot/status/2115075879923765615&quot;&gt;https://x.com/reactiverobot/status/2115075879923765615&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://x.com/reactiverobot/status/2115075879923765615&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;
  
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;X (formerly Twitter)&lt;/div&gt;
  &lt;img class=&quot;link_preview_image&quot; alt=&quot;Matt Dailey on X: &amp;quot;How I Design with AI. (pt 2)&amp;quot; / X&quot; src=&quot;/static/https://cdn4.telesco.pe/file/dSLi3SMAc09I6rrrflc4yEil8GRMuGqQ1FjvKF8e9LAVQLXijM8uJ4xSEN--vH7CzAzum0q_2LzQ5rfGNgQMgu7gQoGmq-p2UK9bnTdD3TljOpA3abIIsyf12mm_mWNhnoqPZCx6Tqcwsh8NYeKVZFUsiEEQea7wVpmDCYXpfIIycWNOjvyl_S86W_7Lo5TrtjI0AhH6hDDpUDrg2kN3iiX_2xBnKAuzo3w1JqAT_a8NzTUNl5U0LsuWbDaOoplm99BF9CjgYFwPquc3m-LSjMcmfk8JWaJLtGMezwMWQ2vdazXu8W5TPCIE30l5pCErs0CI-EpiD1LMlof4H3ZQNA.jpg&quot; width=&quot;1200&quot; height=&quot;630&quot; loading=&quot;eager&quot; /&gt;
  &lt;div class=&quot;link_preview_title&quot;&gt;Matt Dailey on X: &quot;How I Design with AI. (pt 2)&quot; / X&lt;/div&gt;
  
&lt;/a&gt;</content:encoded></item></channel></rss>