wyh0626 /
editorial-diagrams 是一个 Agent Skill，在 Claude Code 或 Codex 里用一句话描述要解释的东西，就能画出 OpenAI 工程博客那种风格的技术配图。 OpenAI 9 月那篇讲 ChatGPT 在线存储的文章，配图画得很好：白底细线，小方块在连接上来回跑，连接池 LIFO 和 FIFO 的区别看一遍动画就懂。我照着它的构图写了这个 Skill，目前支持 5 类图： 架构图：组件和依赖关系 请…
editorial-diagrams 是一个 Agent Skill，在 Claude Code 或 Codex 里用一句话描述要解释的东西，就能画出 OpenAI 工程博客那种风格的技术配图。 OpenAI 9 月那篇讲 ChatGPT 在线存储的文章，配图画得很好：白底细线，小方块在连接上来回跑，连接池 LIFO 和 FIFO 的区别看一遍动画就懂。我照着它的构图写了这个 Skill，目前支持 5 类图： 架构图：组件和依赖关系 请求链路：一个请求经过哪些服务 时间线对比：时间花在哪、谁在等 连接池复用：LIFO / FIFO 的选择差异 连接汇聚：同样负载下怎么用更少的连接 AI 会选合适的构图，换上你的组件名和参数，输出一个带动画的单文件 HTML，不依赖外部字体和库。原文之外的题目也能画，比如这张 Codex CLI 运行架构： 安装： npx skills add wyh0626/editorial-diagrams
讨论这个产品