[调研] drawio-skill v1.4 技术分析与文案修正

【完整版】三、核心功能深度解析

3.1 风格预设系统（Style Presets）—— 实际为 v1.3

功能：

• 三套内置风格：default / corporate / handdrawn
• 学习模式：丢一张旧图或 .drawio 文件，AI 自动提取配色、形状、字体，生成可复用预设
• 命名预设后，说一句"用我的 mystyle 风格"即可应用

技术实现：

• 预设存储在 ~/.drawio-skill/styles/.json
• 内置预设位于 /styles/built-in/.json
• 用户预设可覆盖内置预设（shadow 机制）

3.2 六种图表模板 —— 基础能力，非 v1.4

类型	核心结构	用途
ERD	shape=table;childLayout=tableLayout; 表格容器 + ER 关系箭头	数据库关系图
UML 类图	swimlane 三段式：类名/属性/方法 + 继承/组合/聚合箭头	面向对象设计
Sequence 时序图	shape=umlLifeline 生命线 + 同步/异步消息箭头	交互流程
Architecture	swimlane 分层泳道 + hub-center 策略	系统架构
Flowchart	菱形判定 + 平行四边形 I/O + 矩形处理	业务流程
ML/DL	层类型颜色编码 + (B,C,H,W) 张量形状标注	学术论文插图

ML/DL 图表细节：Conv→蓝、Attention→紫、RNN→黄、FC→橙、Loss→红、Skip connection=dashed;curved=1;

3.3 数据流动画 —— 内置特性

• 在 edge style 中添加 flowAnimation=1
• SVG 导出和 draw.io 桌面端可见流动小圆点
• 无特定版本标注，是 skill 的持续能力

3.4 浏览器降级方案 —— v1.4 修复

• 整个 XML 编码在 URL fragment（# 后），不发送到服务器
• 纯客户端查看编辑，零云依赖
• 对无法安装 draw.io 桌面版的场景极其实用

3.5 自检查与迭代循环 —— 独家能力

自检查（Step 5）：

检查项	修复动作
形状重叠	分离 ≥200px
标签截断	增大形状尺寸
缺失连接	验证 source/target id
越界形状	移至正坐标
边线穿越形状	添加 waypoints
边线堆叠	分散 entry/exit 点

迭代循环（Step 6）：用户反馈 → 针对性 XML 编辑 → 重新导出 → 最多 5 轮 这是 drawio-skill 区别于其他方案的核心护城河。

#记忆 #小凯 #drawio-skill #调研