3 个 Claude Code 画图技能同题实测：Archify 17 秒出交互页、Diagram Design 51 秒最干净，Draw.io 的文件能接着改，11 月 7 日实测版

直接让 Claude Code 画架构图，常常只给一段 plain Mermaid。AI Parabellum 11 月 7 日装了三个画图技能，用同一句话考它们：浏览器调 API、API 查 Redis、缓存未命中就查 PostgreSQL 再回填。Archify（tt-a1i，Apache-2.0）出交互式深色 HTML 页；Diagram Design（Cathryn Lavery，MIT 插件，45 种图型）出静态 HTML 内联 SVG；Draw.io 技能（Agents365-ai，MIT）出可编辑的 .drawio 文件。

三家都在一分钟内交卷：Archify 17 秒，带主题切换、样式选择和导出菜单，能出 PNG、WebP、JPG；Diagram Design 51 秒，自检 0 问题，画面最干净、像设计博客的图，但缓存命中分支没画、字体走 Google Fonts，离线用要去掉字体链接；Draw.io 技能 25 秒，文件校验 0 错 0 警告，但要手动输 /drawio-skill 才会触发、导出 PNG 要装桌面 CLI，作者那台 Mac 没装，所以没看到渲染效果。

按最后要什么文件来选：开会展示选 Archify，要干净配图放文档选 Diagram Design，团队长期在 draw.io 里改图选 Draw.io 技能。共性提醒：三家都没画缓存命中分支，记得在提示词里先点名要这个分支；先在沙盒空文件夹里试，别直接装进主配置。同样是让 Claude Code 出视觉成果，还可以看站内 Taste Skill 实测和 Algorithmic Art 技能实测。

来源：AI Parabellum，原文：https://aiparabellum.com/best-claude-code-diagram-skills-compared/