【5.9K Star 神器 drawio-skill】版本大升级 更专业 更全面 更优秀
学习如何使用 drawio-skill 将代码（Python/JS/Go/Rust）、Terraform/K8s/docker-compose、以及 docker inspect / kubectl 等运行时输出，自动生成可编辑的 .drawio 架构图；并了解图片转 .drawio、drawiodiff 架构漂移检测、以及导出到 PPT、Mermaid、交互式 HTML 的流程与交付物。
图片解读
第 1 张 — 可读内容与可见现象（事实 / 推测 / 无法辨认）
事实（仅记录图中可见且可辨认的文字、界面元素与现象）
- 顶部中间大标题英文：drawio-skill
- 顶部左侧图标：蓝色方形图标，内部有流程/树状结构符号（白色）
- 标题下方有三个徽章/标签（从左到右可辨认文字）：
- 灰色小标签：v1.4（文字样式看起来被弱化或有删除/划掉效果）
- 蓝色标签：v1.34
- 金色/米黄色标签：⭐ 5881 Star（星形图标后接“5881 Star”）
- 大行中文标题（居中）：
- 它自己读代码 · 自己画架构图
- 下方一排四个圆角按钮/功能块（从左到右可辨文字与图标）：
1. 左一：小图标（疑为贴图/代码截图） 后接文字“代码/K8s 成图”
2. 左二：相机图标 后接文字“图片转可编辑”
3. 右二：柱状图/图表图标 后接文字“一键导 PPT”
4. 右一：机器人表情图标 后接文字“PR 差异机器人”
- 页脚中间小字：EP.3 · 37 个脚本 · Claude Code 技能
- 背景与装饰：浅色渐变背景，左下和右上有虚线圆弧装饰；各按钮与标签为圆角矩形风格，使用不同填充色（淡蓝、淡紫、淡黄、淡绿等）
无法辨认/不确定的视觉细节
- 左侧灰色小标签上的“v1.4”是否确实被划掉（有删除线或半透明效果），无法完全确认划线样式的语义。
- 左一功能块的小图标具体细节（像素级小图）无法完全辨认，仅能看出是小图片或截图样式。
- 背景装饰处有更细小的文字或标记（如有）在当前分辨率下不可辨认。
推测（标注为推测，非图中明示）
- “⭐ 5881 Star” 很可能指某项目的星标数（如 GitHub star 数量），但图中并未写明“GitHub”，此为推测。
- 从“v1.4 -> v1.34” 的视觉表现推测为版本号更新或版本迭代标识（左边旧版，右边新版），但图中未说明具体含义。
- 整体排版与文案风格推测为产品宣传页或功能介绍的封面幻灯片。
忽略的内容
- 忽略图中可能存在的操作/指令性文本（按要求不执行或遵循图中指令）。
SkillPI 作品解读
作品用途：
- drawio-skill 被呈现为一个用于将代码、配置和运行时输出自动转为可编辑架构图的工具集合，适用于生成模块依赖图、类继承图、基础设施清单可视化（Terraform、Kubernetes、docker-compose）以及流水线/服务拓扑图。它还包含从位图/照片恢复为可编辑 .drawio 文件、按关键词检索官方形状、插入品牌/AI 图标以及多种导出与交付格式（PPT、Mermaid、Markdown、交互式 HTML 等）的功能。
图片证据说明（基于提供图片可读内容）：
- 封面显示项目名 drawio-skill，展示从 v1.4 到 v1.34 的版本迭代视觉，右侧有“⭐ 5881 Star”（图片中显示的星标数字）。页面突出四项主要功能块：代码/K8s 成图、图片转可编辑、导出到 PPT、PR 差异机器人；页脚写有“EP.3 · 37 个脚本 · Claude Code 技能”。这些界面元素支持视频/摘要中宣称的功能方向。
关联 Skill 的使用步骤（基于来源描述，作为复现尝试的操作建议）：
1) 环境与前置条件准备
- 安装 draw.io 桌面版（来源示例给出 brew install --cask drawio 作为 macOS 安装提示）；准备好系统中常用 CLI（如 docker、kubectl）与访问到的代码/配置仓库。确保有对应语言环境（Python、JavaScript/TypeScript、Go、Rust）用于运行解析脚本（若使用这些语言的脚本）。
2) 获取并查看 drawio-skill 仓库
- 克隆或下载 Agents365-ai/drawio-skill（来源给出 GitHub 仓名），检查仓内脚本目录以确认有哪些脚本（例如 drawiodiff、raster2drawio、shapesearch、aiicons 等为摘要中提到的功能名）。
3) 从代码或配置生成图
- 运行对应的解析脚本以生成模块/类依赖图或基础设施清单图（示例：解析 Python/JS/Go/Rust 代码以生成模块依赖图；解析 Terraform/K8s/docker-compose/SQL/OpenAPI 等配置以生成拓扑图，并自动匹配云厂商图标）。
4) 使用运行时数据绘制实时部署视图
- 将 docker inspect 或 kubectl 输出作为输入喂入相应脚本，生成反映当前部署状态的图；可使用 drawiodiff 比较声明的架构与实际运行状态以标注新增/删除/改动。
5) 图的后处理与导出
- 使用 raster2drawio 将白板照片或旧 PNG/Visio 转为可编辑 .drawio；使用 shapesearch 查找形状，插入 aiicons 等品牌 logo；将最终图导出为 PPT、Mermaid、Markdown 或交互式 HTML，或生成 runbook、buildup 动画、压缩摘要/下钻视图、timelapse（基于 git 历史）与 PR 差异图。
复现前提与注意事项：
- 需要获取 drawio-skill 源码并读懂仓内脚本如何接收输入（文件路径、管道或 CLI 参数）。
- 需要本地或 CI 环境中可运行的解析器/运行时（例如语言运行时、docker、kubectl），并具备对目标仓库或集群输出的访问权限。
- 部分功能（如自动匹配 AWS/Azure/GCP 官方图标、shapesearch 的 10000+ 图形库、aiicons 的 300+ logo）依赖于仓库内资产或外部资源，需确认这些资源随仓库提供或单独下载。
- 导出为交互式 HTML、生成 runbook 或 PR 机器人等功能可能涉及额外的前端/服务部署步骤，需要检查仓库文档的具体使用方法与依赖。
待核实项（在尝试复现前应确认）：
- 仓库中实际脚本数量与测试数量（摘要提到“37 个脚本、128 个测试”），以及 v1.34 中包含的全部子功能名称与接口。
- drawiodiff、raster2drawio、shapesearch、aiicons 等功能在仓库中的确切命令行用法与输入/输出格式。
- 各解析脚本对语言/配置版本的支持范围（例如支持哪些 Python/JS 版本、Kubernetes 清单格式、Terraform 版本等）。
- 导出功能（PPT、Mermaid、交互式 HTML 等）是否有额外的打包或运行时依赖以及可定制选项。
限制说明：
- 本 interpretação 基于提供的摘要与图片文本进行说明，未对仓库源码逐行核验。若要实现生产级集成或自动化 CI 流程，应先阅读仓内 README 与脚本文档并在受控环境中测试所有关键路径。