drawio-skill v1.4：能从一张图学会你的审美，AI 画图终于好用了

摘要：drawio-skill v1.4 带来三大升级——风格预设系统、六种专业图表模板、数据流动画。最核心的是"学习模式"：丢一张旧图，AI 自动提取配色、形状、字体，生成可复用预设。团队统一视觉风格，再也不用反复沟通。

什么是 drawio-skill？

drawio-skill 是一个可在各类 AI Agent 中使用的技能插件。你用自然语言描述需求，它自动生成 Draw.io 图表文件，并导出为 PNG、SVG 或 PDF。

上期我们介绍了它"一句话生成专业架构图"的基本能力，而 v1.4 的这次更新，让 AI 画图从"能用"直接升级到"好用到上瘾"。

升级一：风格预设系统（最核心）

以前每次画图，AI 用的都是默认配色和形状。现在你可以把自己喜欢的视觉风格保存成一个命名预设。

内置风格

学习模式：从一张图学会你的审美

这是最强大的功能。你把一张满意的旧图或截图丢给 AI，说"把这个风格学会，叫 mystyle"，它会自动提取：

• 配色方案
• 形状规范
• 线条样式
• 字体配置

生成一份可复用的预设。下次画图时，说一句"用我的 mystyle 风格"，整张图立刻变成你专属的视觉语言。

升级二：六种专业图表模板

这次内置了六种图表类型的模板，每种都有地道的形状和布局规范：

神经网络模板：论文级配图

最让人惊艳的是 ML/DL 神经网络模板：

• 卷积层 → 蓝色
• 注意力机制 → 紫色
• 全连接层 → 橙色
• 损失函数 → 红色
• 跳跃连接 → 虚线曲线

直接为你的论文生成带张量形状标注的模型图，达到 NeurIPS/ICML 投稿级别的配图质量。

升级三：两个小而美的彩蛋

数据流动画

在任意连线上加一行 flowAnimation=1，导出的 SVG 里就会有一个小圆点沿着箭头流动。特别适合展示数据管道和事件驱动系统。

浏览器降级方案

即使没装 draw.io 桌面应用，skill 也能把 XML 压缩编码成一个 diagram.net URL 链接。打开就能直接查看和编辑，全程本地、零云依赖。

快速开始

# 安装 draw.io 桌面版
brew install --cask drawio

安装 drawio-skill
GitHub: https://github.com/Agents365-ai/drawio-skill

使用示例

# 基础用法
"画一个微服务架构图"

使用内置风格
"用 corporate 风格画一个数据库 ERD"

学习自定义风格
[上传截图] "把这个风格学会，叫 team-style"
"用 team-style 画一个时序图"

神经网络模型图
"画一个 Transformer 模型架构图，用神经网络模板"

总结

drawio-skill v1.4 的核心价值在于风格一致性——无论是个人项目的视觉统一，还是团队协作的规范落地，"从一张图学习你的审美"这个能力都大幅降低了沟通成本。

加上六种专业模板和论文级神经网络图支持，这个技能已经从一个"有趣的玩具"变成了"真正能用的工具"。