Ren(@Ryrenz):📊 画技术架构图的神器，一句话把系统讲清楚就能出图，SVG、PNG、GIF 和能交互的 HTML 都导得出来 GitHub 上 1 万多 star，Codex 和 Claude Code 都能直接用写技术文档最耗人的一步就是画图。打开 https://t.co/JPLSuBYTU0 拖框、连线、对齐，半小时过去了线还是歪的；评审完改一版结构，整张图得重拖一遍。这个项目是个能挂到 Codex 和 Claude Code 上的 skill，你把架构说清楚，它出图，而且出完不是就扔给你：渲染前先校验一遍中间表示，重复的标识符、连到空处的引用、路径点和几何数据不对都会被拦下来，SVG 结构再验一次，PNG 出来还做一轮视觉检查，不对就有限次数地定向修。 12 种视觉风格、14 种 UML 图类型，RAG、Agentic Search、Mem0、多智能体和工具调用这些常见架构有现成的写法。导出的离线 HTML 能平移、缩放、切主题，发给同事不用带任何环境。以前画图靠手稳，现在靠说清楚。 GitHub：

2026.08.26 04:00

📊 画技术架构图的神器，一句话把系统讲清楚就能出图，SVG、PNG、GIF 和能交互的 HTML 都导得出来 GitHub 上 1 万多 star，Codex 和 Claude Code 都能直接用写技术文档最耗人的一步就是画图。打开拖框、连线、对齐，半小时过去了线还是歪的；评审完改一版结构，整张图得重拖一遍。这个项目是个能挂到 Codex 和 Claude Code 上的 skill，你把架构说清楚，它出图，而且出完不是就扔给你：渲染前先校验一遍中间表示，重复的标识符、连到空处的引用、路径点和几何数据不对都会被拦下来，SVG 结构再验一次，PNG 出来还做一轮视觉检查，不对就有限次数地定向修。 12 种视觉风格、14 种 UML 图类型，RAG、Agentic Search、Mem0、多智能体和工具调用这些常见架构有现成的写法。导出的离线 HTML 能平移、缩放、切主题，发给同事不用带任何环境。以前画图靠手稳，现在靠说清楚。 GitHub：