cathrynlavery/diagram-design

这是一个给 Claude Code、Cursor、Copilot 等 AI 编程助手用的 agent skill，作用是让助手直接画图：你用自然语言描述想要的图，它就生成一个自包含的 HTML + SVG 文件，双击即可打开。支持 45 种图型，包括架构图、时序图、四象限矩阵等，输出走统一的编辑风格排版，没有阴影和花哨效果，还能读取你网站的配色和字体，让图和品牌视觉保持一致；也能从 draw.io、Mermaid、Excalidraw 导入再重新排版。它解决的麻烦是：用 Mermaid 写文本渲染出来很丑、用 draw.io 手拖形状又费时间，而这个 skill 让你一句话出图，布局由 agent 按网格摆放并检查重叠。适合经常需要画架构图、流程图、汇报用图表的工程师和技术负责人，尤其是已经在用上述 AI 编程工具、对图表观感有要求的人；不画图的读者可以跳过。

Star 趋势

话题标签

仓库信息