大家好，我是涛哥，欢迎来到我的频道。

日常工作里，我们经常要绘制各类流程图、系统架构图等图表，如果手动逐个添加节点、配置样式和布局，操作步骤繁琐，特别耗费时间和精力。

虽说现在AI能辅助生成图表，可往往要在多个软件页面、应用窗口之间反复切换跳转，还要导出导入文件，流程特别麻烦。

昨天在某社交媒体上看到一个大佬分享了这个技能，真的是太方便了。

而安装这款工具之后，不用再来回切换平台，直接在Claude Code的操作界面内，就能一键生成可编辑的图表源文件，无需额外调整格式，支持后期自由修改节点和布局，使用起来既便捷又实用。

下面我们就一起来看几组成品图表的实际展示效果。

一、安装技能

第一步进行安装操作，需要科学上网。

我们直接将所需安装的技能地址发送给AI Agent，这里以Claude Code为例。

第一次我让它自行搜索时，并没有检索到相关内容。于是我直接把技能地址发给它，让其完成安装。

切换安装方式

二、导入网站后细节优化

已拿到drawio源文件，有不合适的地方可随时调整。

方式1、是直接打开的方式

先打开这个网站，等页面加载完成后，在界面上找到“打开现有绘图”的相关选项,点击选中这个选项，就可以选择你之前保存的绘图文件啦。操作很简单.

也可以使用桌面版，只是我不想安装太多软件，所以就没装桌面版。

方式2、直接把文件拖拽到浏览器

先把两个软件的窗口界面手动调小，调整窗口尺寸后，将两个软件窗口都排布在屏幕居中位置。接着保持绘图软件处于打开状态，不用额外新建页面或切换选项卡，直接找到本地的源文件，按住鼠标左键把源文件拖拽到已启动的绘图软件窗口内，松开左键就能完成导入操作，操作起来很简单。

如果感觉生成的效果不满意，可以再进行调整。

不满意可以继续修改

这是生成的第一版，不过左侧标题显示不全。

于是我向AI下达新指令，将第一难XXX、第二难XXX改为横版文字用作标题。

可以直接指定流程。

请为"跨境电商订单处理"绘制一个泳道图（Swimlane Diagram），包含以下角色和流程：

角色：消费者、电商平台、海外仓、出口国海关、国际物流商、目的国海关、本地配送商

流程：
1. 消费者下单并支付
2. 平台进行风控和库存确认
3. 海外仓打包并生成报关单
4. 出口国海关审核放行
5. 国际物流运输
6. 目的国海关清关
7. 本地配送到消费者

请生成可以在 draw.io 中使用的格式。