drawio-skill 图表类型指南：ERD 到神经网络图的 11 种预设

drawio-skill 图表类型指南ERD 到神经网络图的 11 种预设【免费下载链接】drawio-skillAgent skill that turns natural language, code, Terraform/K8s, SQL, OpenAPI, AsyncAPI, Protobuf and GraphQL sources into editable, tested draw.io architecture diagrams: incremental sync, multi-view projection, drift diff, CI architecture tests, whiteboard derasterize, interactive HTML/PPTX/Mermaid exports.项目地址: https://gitcode.com/gh_mirrors/dr/drawio-skilldrawio-skill 是一个面向 AI Agent 的图表生成技能你用一句话描述系统或直接把 SQL、Terraform、代码丢给它就能得到可编辑的 .drawio 文件内置 11 种图表类型预设产物可导出 PNG、SVG、PDF、JPG。动笔前用 3 个问题锁定图表类型想画架构图是不是还在一个个拖框其实先回答三个问题类型基本就定了你在表达什么表结构 → ERD系统分层与组件 → 架构图对象交互 → 序列图代码里的类和接口 → UML 类图神经网络结构 → ML/DL 模型图做事的步骤 → 流程图。图的读者是谁给评审看的正式图选预设类型布局和箭头都有行内约定给自己梳理思路Mermaid 转 .drawio 更快。数据来源是什么有 SQL DDL、OpenAPI、.proto 文件就直接走导入脚本不用手绘没有数据源就用自然语言描述技能会自己规划布局。快速画出数据库模型ERD 预设适合场景设计库表、和 DBA 评审字段与外键关系。每张表是一个可折叠的表格容器主键列加粗标记外键关系画虚线配 ER 符号箭头一眼看清基数布局从上到下相关表垂直分组 如果你有 DDL 文件直接跑python3 scripts/sqlerd.py schema.sql解析CREATE TABLE节点和连线自动生成连手都不用画。架构设计泳道、分层与中枢模式想给微服务系统画一张能上评审会的图架构图预设把约定都替你做好了用泳道表示 Client / API / Service / Data 各层每层一个色系层数 ≥ 4 时自动切换为竖向布局数据库用圆柱形、队列用黄色并放在中间做中枢、网关用橙色、外部系统用虚线边框消息总线这类星型拓扑Kafka 居中、各服务环绕是架构图的经典形态边标签写清楚事件类型即可想要更正式的 C4 模型系统上下文 → 容器 → 组件逐层下钻直接跑c4.py生成多页图父级元素点击可跳转下级页面网络拓扑图则内置了路由器、防火墙、交换机等标准图标。梳理流程与交互流程图、序列图、泳道业务规则怎么画最不容易被误解答案写在颜色约定里开始/结束是绿色椭圆处理是蓝色矩形决策是黄色菱形输入输出是橙色平行四边形子流程是紫色双边框矩形决策分支必须标 Yes/No分支左右展开后再汇回主线序列图不用手摆坐标seqlayout.py会根据参与者和消息 JSON 算好全部生命线与激活框同步、异步、返回消息靠实线/虚线/灰色区分跨职能泳道Swimlane按角色分道跨道的那条线就是交接点——这正是这类图最有价值的地方可视化模型神经网络图的分层配色写论文、画模型结构图时ML/DL 预设解决的是一眼看懂每层在干什么按层类型着色输入输出绿色、卷积/池化蓝色、注意力/Transformer 紫色、RNN 系黄色、损失/激活红色每层标注张量形状如 (B, 64, 32, 32) 或 (B, T, D)用换行做标签第二行数据流从上到下编码器/解码器用泳道分组跳跃连接用虚线曲线箭头同类场景里UML 类图也有自己的箭头语言继承和实现用空心三角实现加虚线组合是实心菱形聚合是空心菱形接口放在实现类上方。说一句话30 秒拿到 .drawio上手只有两步先安装 draw.io 桌面版 CLImacOS 上brew install --cask drawio再安装技能本体git clone https://gitcode.com/gh_mirrors/dr/drawio-skill之后直接把 skill 装进你的 AgentClaude Code、Cursor 等都支持用大白话描述需求即可比如画一个三层 Transformer 编码器标出每层的张量形状。它会规划布局、写出 XML、导出图片并自检修复重叠和断线你只需看结果提反馈。安装细节见 docs/INSTALL_CLI.md 和 docs/USAGE.md。从库表设计到论文模型图11 种预设覆盖了大多数日常画图需求选对类型、说清数据剩下的交给它。【免费下载链接】drawio-skillAgent skill that turns natural language, code, Terraform/K8s, SQL, OpenAPI, AsyncAPI, Protobuf and GraphQL sources into editable, tested draw.io architecture diagrams: incremental sync, multi-view projection, drift diff, CI architecture tests, whiteboard derasterize, interactive HTML/PPTX/Mermaid exports.项目地址: https://gitcode.com/gh_mirrors/dr/drawio-skill创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考