<?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>《如何构建你自己的Agent_Harness：从单体框架到可组合Worker架构》</title><link>https://channel.meo-ai.com/posts/655</link><guid isPermaLink="true">https://channel.meo-ai.com/posts/655</guid><pubDate>Tue, 02 Jun 2026 01:36:06 GMT</pubDate><content:encoded>&lt;span class=&quot;post-title-source&quot;&gt;《如何构建你自己的Agent_Harness：从单体框架到可组合Worker架构》&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;标签：&lt;a href=&quot;/search/result?q=%23AI%E5%B7%A5%E7%A8%8B&quot; title=&quot;#AI工程&quot;&gt;#AI工程&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23Agent%E6%9E%B6%E6%9E%84&quot; title=&quot;#Agent架构&quot;&gt;#Agent架构&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E7%B3%BB%E7%BB%9F%E8%AE%BE%E8%AE%A1&quot; title=&quot;#系统设计&quot;&gt;#系统设计&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E5%BC%80%E6%BA%90%E6%A1%86%E6%9E%B6&quot; title=&quot;#开源框架&quot;&gt;#开源框架&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23Worker%E6%A8%A1%E5%9E%8B&quot; title=&quot;#Worker模型&quot;&gt;#Worker模型&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;总结：&lt;br /&gt;iii创始人Mike_Piccolo提出了一种全新的Agent_Harness构建理念——将传统单体框架拆分为15个独立的可替换Worker，通过统一的&lt;code&gt;iii.trigger()&lt;/code&gt;原语和WebSocket协议进行通信。这种架构让团队不再需要Fork或绕过现有框架，而是通过&quot;安装/替换Worker&quot;来精确组装符合自身需求的Agent运行时，实现从极简到企业级的平滑伸缩。&lt;br /&gt;&lt;br /&gt;文章要点：&lt;br /&gt;1. 传统框架的痛点：LangChain、LangGraph等将循环、工具、记忆、编排等打包成单体，团队要么全盘接受，要么Fork或Hack，导致长期运行后不得不重写整个Harness&lt;br /&gt;2. iii的核心理念：将15个Harness职责（凭证解析、模型目录、预算追踪、审批门、 durable_turn_loop等）拆分为独立Worker，每个Worker通过&lt;code&gt;iii.trigger()&lt;/code&gt;触发，可独立版本化、用任意语言编写、随时替换&lt;br /&gt;3. 实际生产栈示例：包括turn_orchestrator（11状态FSM）、approval_gate（审批路由）、llm_budget（预算管控）、hook_fanout（钩子发布）、provider_anthropic/openai/kimi（模型提供商）等11个Worker，全部通过同一引擎总线通信&lt;br /&gt;4. 替换的便利性：想换动态模型目录？写一个注册&lt;code&gt;models::list&lt;/code&gt;的新Worker即可；想从Slack审批？写一个监听slash命令并调用&lt;code&gt;approval::resolve&lt;/code&gt;的Worker；整个堆栈其他部分完全无感知&lt;br /&gt;5. 架构优势：单体框架的&quot;薄vs厚&quot;之争在这里变成配置问题——极简Harness只需4个Worker，企业级Harness安装全部13个+自定义策略引擎，距离只是&lt;code&gt;config.yaml&lt;/code&gt;的条目增减，而非重写&lt;br /&gt;6. 可观测性统一：每个Worker自动注入OpenTelemetry追踪，通过&lt;code&gt;iii.session.id&lt;/code&gt;等标签实现跨Worker的完整调用链可视化&lt;br /&gt;&lt;br /&gt;URL：&lt;a href=&quot;https://iii.dev/blog/how-to-build-your-own-agent-harness/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://iii.dev/blog/how-to-build-your-own-agent-harness/&quot;&gt;https://iii.dev/blog/how-to-build-your-own-agent-harness/&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://iii.dev/blog/how-to-build-your-own-agent-harness&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Most agent teams adopt a harness as one decision. iii decomposes it into eleven independently-replaceable workers on one engine bus. Build your own stops meaning fork a framework and starts meaning swap a few workers.&quot;&gt;
  
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;iii.dev&lt;/div&gt;
  &lt;img class=&quot;link_preview_image&quot; alt=&quot;How to Build Your Own Agent Harness&quot; src=&quot;/static/https://cdn4.telesco.pe/file/mVeyUr3S2yB6PnOO3JSbVxMsAiuIoq3lnhsXB2R9SO55T8SZQ3g4V4FKhnFKmXnie0BgoK60oCoPKg4HLEF_EBVf6RYvDd-GSt85XCZJfkxq-wAfRkScgR0U-lFiBAq9WCC-seQlnoD-O6mudJecIOCLMGB6BTaaVDeNXTrjs3jkLqEy2nIpU5Fq8mk3oDdZUV-LUOaD4P_3To0w9VsKXB6tmCBB4Us2Mlb3VkkNOqLUzAEhuC3zW8AJ_2yteR95fZjhUbnBCP5WLIcD0ZSsKiJhEGN7IOWLX_I0o41tXCoDgLnI1ZNKOzGp9CjedLtv1BUJbvq6O_NbZ_L1gIsuFQ.jpg&quot; width=&quot;1200&quot; height=&quot;630&quot; loading=&quot;eager&quot; /&gt;
  &lt;div class=&quot;link_preview_title&quot;&gt;How to Build Your Own Agent Harness&lt;/div&gt;
  &lt;div class=&quot;link_preview_description&quot;&gt;Most agent teams adopt a harness as one decision. iii decomposes it into eleven independently-replaceable workers on one engine bus. Build your own stops meaning fork a framework and starts meaning swap a few workers.&lt;/div&gt;
&lt;/a&gt;</content:encoded></item><item><title>《Claude架构图生成器：AI一键绘制专业系统架构图》</title><link>https://channel.meo-ai.com/posts/603</link><guid isPermaLink="true">https://channel.meo-ai.com/posts/603</guid><pubDate>Sun, 19 Apr 2026 23:44:56 GMT</pubDate><content:encoded>&lt;span class=&quot;post-title-source&quot;&gt;《Claude架构图生成器：AI一键绘制专业系统架构图》&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;标签：&lt;a href=&quot;/search/result?q=%23AI%E5%B7%A5%E5%85%B7&quot; title=&quot;#AI工具&quot;&gt;#AI工具&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23Claude_Skill&quot; title=&quot;#Claude_Skill&quot;&gt;#Claude_Skill&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E6%9E%B6%E6%9E%84%E5%8F%AF%E8%A7%86%E5%8C%96&quot; title=&quot;#架构可视化&quot;&gt;#架构可视化&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E5%BC%80%E5%8F%91%E6%95%88%E7%8E%87&quot; title=&quot;#开发效率&quot;&gt;#开发效率&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84%E5%9B%BE&quot; title=&quot;#系统架构图&quot;&gt;#系统架构图&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;总结：&lt;br /&gt;这是一款专为Claude AI设计的Skill工具，让用户只需用自然语言描述系统架构，即可生成精美的暗色系专业架构图。输出为独立的HTML/SVG文件，无需任何设计技能或额外软件，适合快速迭代和团队协作分享。&lt;br /&gt;&lt;br /&gt;文章要点：&lt;br /&gt;- 零门槛使用：不需要设计基础，用大白话描述系统组件和连接关系，Claude就能帮你画出专业级架构图&lt;br /&gt;- 多种输入方式：可以让AI分析代码库自动生成描述，也可以自己手写组件列表，还能直接问Claude要典型架构模板&lt;br /&gt;- 精美视觉风格：采用暗色主题（Slate-950背景），组件按类型着色（前端青色、后端翠绿、数据库紫色、云服务琥珀色），自带网格底纹和JetBrains Mono字体&lt;br /&gt;- 独立文件输出：生成单个HTML文件，内嵌CSS和SVG，任何浏览器都能直接打开，方便分享、打印或嵌入文档&lt;br /&gt;- 实时迭代优化：生成后可以继续在对话中要求修改，比如&quot;加上Redis缓存&quot;或&quot;调整布局&quot;，Claude会即时更新图表&lt;br /&gt;- 多平台安装：支持Claude.ai网页版（Pro/Max/Team/Enterprise）、Claude Code CLI、以及Projects知识库三种方式&lt;br /&gt;- 丰富示例覆盖：内置Web应用（React+Node+PostgreSQL）、AWS无服务器（Lambda+API Gateway）、微服务（K8s+多语言服务）等典型场景模板&lt;br /&gt;&lt;br /&gt;文章URL：&lt;a href=&quot;https://github.com/Cocoon-AI/architecture-diagram-generator&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://github.com/Cocoon-AI/architecture-diagram-generator&quot;&gt;https://github.com/Cocoon-AI/architecture-diagram-generator&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://github.com/Cocoon-AI/architecture-diagram-generator&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files. Works as a Claude AI skill.     - Cocoon-AI/architecture-diagram-generator&quot;&gt;
  
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;GitHub&lt;/div&gt;
  &lt;img class=&quot;link_preview_image&quot; alt=&quot;GitHub - Cocoon-AI/architecture-diagram-generator: Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG…&quot; src=&quot;/static/https://cdn4.telesco.pe/file/FCIqr97nDGC4xaOGyvQT8gvaG0f2QgwotUInntcWFy40mp8q25gzesGcEy_R6V_I8-e0CkpZhuVkc8pEGQ2WJ0Pn5W610MD_Q0Rd8seuPl04Eh2ZEKWNKe3zxyv7wRFGaI4p2Mw00AiFOP4VEbKrEx6XPr4sACjsZlBDY-Ovt9FzpTUO-D36YwSyVi3txoBE2CoO_HghtcDknfTNxzCMIAfEhDIkPdsjsujk-TUexGv2Pncztdw1MNWbTSP3-ScDya_NM8icvv6ujcA1AfUfwXoQLKMA3VXszLKz_5itAYD4Wqgl88ckBgzEsf6MX4yuO1cCVIHiOsT209wdbmKZuA.jpg&quot; width=&quot;1200&quot; height=&quot;630&quot; loading=&quot;eager&quot; /&gt;
  &lt;div class=&quot;link_preview_title&quot;&gt;GitHub - Cocoon-AI/architecture-diagram-generator: Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG…&lt;/div&gt;
  &lt;div class=&quot;link_preview_description&quot;&gt;Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files. Works as a Claude AI skill.     - Cocoon-AI/architecture-diagram-generator&lt;/div&gt;
&lt;/a&gt;</content:encoded></item><item><title>《编程 Agent 如何重塑工程、产品和设计》</title><link>https://channel.meo-ai.com/posts/578</link><guid isPermaLink="true">https://channel.meo-ai.com/posts/578</guid><pubDate>Wed, 18 Mar 2026 11:23:17 GMT</pubDate><content:encoded>&lt;span class=&quot;post-title-source&quot;&gt;《编程 Agent 如何重塑工程、产品和设计》&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;标签：&lt;a href=&quot;/search/result?q=%23AI&quot; title=&quot;#AI&quot;&gt;#AI&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E7%BC%96%E7%A8%8BAgent&quot; title=&quot;#编程Agent&quot;&gt;#编程Agent&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E8%BD%AF%E4%BB%B6%E5%BC%80%E5%8F%91&quot; title=&quot;#软件开发&quot;&gt;#软件开发&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E4%BA%A7%E5%93%81%E7%BB%8F%E7%90%86&quot; title=&quot;#产品经理&quot;&gt;#产品经理&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E7%B3%BB%E7%BB%9F%E8%AE%BE%E8%AE%A1&quot; title=&quot;#系统设计&quot;&gt;#系统设计&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23VibeCoding&quot; title=&quot;#VibeCoding&quot;&gt;#VibeCoding&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;总结：&lt;br /&gt;&lt;br /&gt;编程 Agent 正在颠覆传统的 EPD（工程、产品、设计）协作模式。当代码生成变得轻而易举，团队的核心价值从&quot;写代码&quot;转向&quot;评审代码&quot;。PRD 不再是流程起点，而是与原型并行的意图说明文档。这场变革让通才价值飙升，也让角色边界变得模糊——你要么是能用 Agent 独立完成功能的建设者，要么是具备顶级系统思维的专业评审者。无论出身产品、设计还是工程，拥有跨领域认知和清晰心智模型的人，将在这个新时代占据绝对优势。&lt;br /&gt;&lt;br /&gt;文章要点：&lt;br /&gt;&lt;br /&gt;- **PRD 的角色正在蜕变**：传统的&quot;PRD → 设计稿 → 代码&quot;线性流程已终结，但描述产品意图的文档依然重要。未来的 PRD 可能是结构化的、带版本管理的 Prompt，与可运行的代码原型共同构成评审基础。&lt;br /&gt;&lt;br /&gt;- **瓶颈从实现转向评审**：当任何人都能快速生成代码原型时，工程、产品和设计的核心价值转变为把关质量——评估架构合理性、用户价值与体验流畅度。评审能力成为新的稀缺资源。&lt;br /&gt;&lt;br /&gt;- **通才迎来黄金时代**：能同时驾驭产品思维、设计直觉和工程实现的&quot;多面手&quot;比以往更有影响力，因为他们省去了跨部门沟通的成本，可以直接与 Agent 协作完成端到端的交付。&lt;br /&gt;&lt;br /&gt;- **角色分化为建设者与评审者**：团队将呈现两极分化。建设者擅长用 Agent 快速落地想法；评审者则是各领域的系统思维专家，负责把关复杂项目的质量。中间地带的从业者面临最大挑战。&lt;br /&gt;&lt;br /&gt;- **产品意识成为全员必修课**：无论是工程师还是设计师，都需要具备判断&quot;该做什么&quot;的能力，否则会产生大量需要他人评审的&quot;垃圾原型&quot;，拖累团队效率。&lt;br /&gt;&lt;br /&gt;- **AI 放大 PM 的能力差距**：优秀的产品经理能借助 Agent 快速验证洞见，而思考不清晰的 PM 会产生更多低质量原型，造成资源浪费并增加&quot;半成品上线&quot;的风险。&lt;br /&gt;&lt;br /&gt;文章URL：&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://baoyu.io/translations/2026-03-11/coding-agents-reshaping-epd&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://baoyu.io/translations/2026-03-11/coding-agents-reshaping-epd&quot;&gt;https://baoyu.io/translations/2026-03-11/coding-agents-reshaping-epd&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://baoyu.io/translations/2026-03-11/coding-agents-reshaping-epd&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;编程 Agent 让写代码变得异常简单，EPD 的角色定位会怎么变？PRD 已死、瓶颈从实现转向评审、通才比以往更有价值。&quot;&gt;
  
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;baoyu.io&lt;/div&gt;
  &lt;img class=&quot;link_preview_image&quot; alt=&quot;编程 Agent 如何重塑工程、产品和设计&quot; src=&quot;/static/https://cdn4.telesco.pe/file/HE6e7dAgqrk6dxNHJrdNGMT3CHRf3ce8qPR_8UJdFa01lXC-UgmaTuOcQGufwL1h23NKrdfram3cfmAjuA9C5XBRL1h6lgzln7LXRXz8wx-MHDJOuDEKOxoL9f5S7uxFaO7f5UDmtyzIldE3lNZ_xhRtVAUhNrj0gjfhm-IP4V3Gtsk5ez0bM6rIePan7rkDZe6v5-9lKdfDfKyyV4OSd2bmjhIym82ZbhtC_9Phg4LVBnlSH-lAMDPKcLSIv8dy1ut_Do4Q4HhZyrHSysPRX7MdFjJgQtoPCJpNisfIHiZYe7FVcQi-bIBGG2u5gXqQiXvAYEjpQgky3b8ogEDzCw.jpg&quot; width=&quot;1200&quot; height=&quot;630&quot; loading=&quot;eager&quot; /&gt;
  &lt;div class=&quot;link_preview_title&quot;&gt;编程 Agent 如何重塑工程、产品和设计&lt;/div&gt;
  &lt;div class=&quot;link_preview_description&quot;&gt;编程 Agent 让写代码变得异常简单，EPD 的角色定位会怎么变？PRD 已死、瓶颈从实现转向评审、通才比以往更有价值。&lt;/div&gt;
&lt;/a&gt;</content:encoded></item></channel></rss>