开源 Skill diagram-design 让 Claude 画出好看的流程图
精选理由
有人给 Claude 做了个画图 Skill，42 种图都能画，还能照你网站的配色出图，Mermaid 旧图也能重画，开源了。
作者 lxfater 针对 Claude 画图样式单一的问题，把配色、字体、布局要求写成 diagram-design Skill 并开源。它支持架构图、流程图、时间线、甘特图等 42 种图，在 Claude Code 和 Codex 中都能用。Skill 还能读取目标网站，按网站的配色和字体生成风格一致的图。除了从头生成，也能重画已有的 Mermaid 和 Excalidraw 图，输出 HTML + SVG，可在浏览器直接查看并继续让 AI 修改。
原文 · Lxfater
AI 画的流程图太丑？试试这个 Skill
作者每次让 Claude 画图，出来都是普通圆角框，还得自己去 Figma 调半天
后来干脆做了个 diagram-design，把配色、字体、布局的要求写进 Skill，开源了
你可以理解为，给 AI 配了一本画图手册，让它画出来的图像点样子！！
架构图、流程图、时间线、甘特图，支持 42 种图 Claude Code、Codex 都能用
而且可以读取你的网站，照着你的配色和字体来画 放进文章里风格也能对上
但它不光能从头画，你已有的 Mermaid、https://t.co/5twkWLFRil、Excalidraw 图 也能交给它重新画一版
生成的是 HTML + SVG，浏览器打开就能看 后面想改字、调布局，还能继续让 AI 改
浅色、深色、杂志风都有，效果看配图👇https://t.co/CX3Csrviw6
