#diagram

当用户想把 GitHub 仓库、技术文章、PDF、本地项目或笔记画成架构图、流程图，或要把已有的图导出成图片、视频、动图、Mermaid，或换成蓝图、手绘、3D 等风格时使用。基于开源的 arch-diagram-skill（MIT）：只读不运行仓库代码，推断部分画虚线，自检通过才交付。 应用场景: 让 Agent 读一个开源项目或一篇文章，画成会动的架构图，再按场合换风格、导出成图片或视频。

入门教程：准备好 Node 和浏览器，一行命令装上 arch-diagram Skill，把 GitHub 仓库或文章链接交给 Claude Code 或 Codex 画成会动的架构图，核对推断部分，一句话在 8 种风格之间切换，再导出成图片、视频、动图或 Mermaid。附 2 段可直接复制的提示词。

当用户想把一段内容、一套流程或知识点变成图（架构图、流程图、时序图、时间线、象限图、数据图表等），或想把 Mermaid、draw.io、Excalidraw 图重画得更好看、用上自己网站的配色时使用。基于开源的 diagram-design（MIT）：45 种图表，输出自包含的 HTML 加 SVG。不编数据，先说计划再画，先判断值不值得画。 应用场景: 让 Agent 把文字、流程和数据画成整洁的 HTML/SVG 图表，并能用上你自己网站的配色和字体。