Claude Code Skill · Boo哥AI智写 · v1.0.0

交互式图表生成DRAWIO SKILL

专业级图表生成技能。支持流程图、泳道图、架构图、ER图、思维导图等十余种图表类型,6套配色主题,精简/标准/详细三档复杂度,中文字体自动适配。可被其他技能通过 JSON 参数调用。

CLAUDE CODE · 对话演示
YOU画一个施工组织设计流程图,用标准复杂度,深色主题
CLAUDE加载 drawio skill,选择流程图模板…
SKILLdrawio · 交互式图表生成
CLAUDE已生成施工组织设计流程图.drawio + PNG 导出。使用深色主题,标准复杂度,含 8 个节点。
十余种图表类型
覆盖工程投标、技术方案、系统设计等全部场景的图表需求。
🔄

流程图

施工流程/审批流程

🏊

泳道图

多角色协作流程

🏗️

组织架构图

项目部/公司架构

📋

看板

任务管理/进度看板

🧠

思维导图

方案策划/大纲梳理

🗄️

ER图

数据库实体关系

🏛️

架构图

系统架构/网络拓扑

📊

时序图

调用时序/消息流程

四阶段生成流程
01

意图理解

自然语言解析
图表类型识别
复杂度判断

02

结构设计

节点关系规划
布局算法选择
中文字体配置

03

图表生成

draw.io XML 生成
主题配色应用
样式细节调整

04

多格式导出

PNG / SVG / PDF
/ JPG / WebP
.drawio 源文件

三档复杂度
根据使用场景选择图表详细程度。
S
精简模式
核心节点,简洁线条,无装饰。适合快速沟通、概念展示、PPT插入等轻量场景。
M
标准模式
完整节点 + 分支逻辑 + 基础样式。适合方案文档、技术标书、正式汇报等常规场景。
L
详细模式
全节点 + 子流程 + 注释 + 图例。适合详细设计文档、系统手册等需要完整表达的场景。
6 套配色主题
每套主题精心配色,适配不同场景氛围。
主题主色调适用场景
科技蓝蓝青渐变技术方案、系统架构
商务灰灰蓝中性正式投标、政府汇报
自然绿绿色系环保工程、绿色建筑
暖橙橙红暖色安全专题、应急预案
深色科技深色背景 + 荧光色仪表盘、大屏展示
极简黑白黑白灰学术论文、专利附图
使用建议
场景建议
标书附图用标准复杂度 + 商务灰主题,确保印刷清晰
PPT演示用精简模式 + 科技蓝主题,视觉效果突出
施工流程图用泳道图类型,分角色展示各工序衔接
方案策划先用思维导图梳理大纲,再展开为详细流程图
多图批量一次说多个图表需求,技能自动批量生成
JSON调用其他技能可通过 JSON 参数调用 drawio 生成图表

开始使用交互式图表生成

在 Claude Code 中输入 /drawio 或直接说「画一个XXX图」。
支持流程图/泳道图/架构图/思维导图等十余种类型。