{"id":50610971,"url":"https://github.com/bruc3van/bruce-drawio","last_synced_at":"2026-06-08T02:00:24.182Z","repository":{"id":345671968,"uuid":"1186843395","full_name":"bruc3van/bruce-drawio","owner":"bruc3van","description":"图表生成技能，适用于OpenClaw。用自然语言生成流程图、架构图等，并发回文件给你。","archived":false,"fork":false,"pushed_at":"2026-04-13T04:14:50.000Z","size":42,"stargazers_count":76,"open_issues_count":0,"forks_count":7,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-13T06:21:13.651Z","etag":null,"topics":["diagram","drawio","openclaw","skill"],"latest_commit_sha":null,"homepage":"https://x.com/bruc3van","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bruc3van.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-03-20T03:37:17.000Z","updated_at":"2026-04-13T06:08:42.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/bruc3van/bruce-drawio","commit_stats":null,"previous_names":["brucevanfdm/drawio-skill","bruc3van/bruce-drawio"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bruc3van/bruce-drawio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bruc3van%2Fbruce-drawio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bruc3van%2Fbruce-drawio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bruc3van%2Fbruce-drawio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bruc3van%2Fbruce-drawio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bruc3van","download_url":"https://codeload.github.com/bruc3van/bruce-drawio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bruc3van%2Fbruce-drawio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34044919,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-08T02:00:07.615Z","response_time":111,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["diagram","drawio","openclaw","skill"],"created_at":"2026-06-06T04:00:15.796Z","updated_at":"2026-06-08T02:00:24.177Z","avatar_url":"https://github.com/bruc3van.png","language":null,"funding_links":[],"categories":["Skills \u0026 Plugins"],"sub_categories":["Notable Skills \u0026 Plugins"],"readme":"[English](README_EN.md) | 中文\n\n# Draw.io 图表生成技能\n\n跨平台的 draw.io (diagrams.net) 图表生成技能，适用于 AI 编程 Agent（Claude Code、OpenClaw 等）。Agent 直接生成 drawio XML，经过自检后通过 CLI 导出图片。\n\n## 安装\n\n向你的 AI 编程 Agent 发送以下提示词：\n\n```\n帮我安装这个skill：https://github.com/bruc3van/bruce-drawio\n```\n\nAgent 会自动克隆仓库并完成配置。\n\n## 支持的图表类型\n\n| 类型       | 说明                         | 触发词示例         |\n| ---------- | ---------------------------- | ------------------ |\n| 流程图     | 业务流程、审批流程、算法逻辑 | \"画一个流程图\"     |\n| 架构图     | 系统架构、微服务、部署架构   | \"画一个架构图\"     |\n| UML 时序图 | 组件之间的交互时序           | \"画一个时序图\"     |\n| UML 类图   | 类关系、继承结构             | \"画一个类图\"       |\n| ER 图      | 数据库设计、实体关系         | \"画一个 ER 图\"     |\n| 思维导图   | 头脑风暴、知识梳理           | \"画一个思维导图\"   |\n| 网络拓扑图 | 网络架构、设备连接           | \"画一个网络拓扑图\" |\n\n## 平台支持\n\n| 平台    | 安装命令                       | 包管理器            |\n| ------- | ------------------------------ | ------------------- |\n| macOS   | `brew install --cask drawio` | Homebrew            |\n| Windows | `winget install JGraph.Draw` | winget / Chocolatey |\n| Linux   | `snap install drawio`        | snap / 手动安装     |\n\n所有平台也支持从 [draw.io releases](https://github.com/jgraph/drawio-desktop/releases) 手动下载安装。\n\n## 工作流程\n\n1. 用户描述想要的图表\n2. Agent 判断图表类型和关键元素\n3. Agent 直接生成完整的 drawio XML\n4. 自检清单验证正确性和布局\n5. 保存 `.drawio` 文件\n6. 通过 CLI 导出为 PNG/SVG/PDF\n7. 向用户展示图片并提供可编辑的源文件\n\n## 导出格式\n\n| 格式 | 参数       | 适用场景           |\n| ---- | ---------- | ------------------ |\n| PNG  | `-f png` | 默认格式，通用性强 |\n| SVG  | `-f svg` | 可缩放矢量图       |\n| PDF  | `-f pdf` | 打印 / 嵌入文档    |\n\n使用 `--scale 2` 可导出高清 PNG。\n\n## 项目结构\n\n```\nbruce-drawio/\n  SKILL.md                      # 主技能文档（工作流程 + 规则）\n  skill.json                    # 技能元数据\n  references/\n    best-practices.md           # XML 模板、样式、布局规则\n    examples.md                 # 完整的可用 XML 示例\n  evals/\n    evals.json                  # 测试用例\n```\n\n## 架构图风格\n\n架构图默认采用**分层块状布局**风格：\n\n- 灰色背景底板\n- 左侧标签列标注每一层（如\"场景层\"、\"应用层\"）\n- 蓝色半透明层容器，内含子分组\n- 白色叶子节点，灰色边框\n- 可选的右侧跨层侧边栏（如安全、监控等横切关注点）\n- 纯块状图，不使用箭头连线，通过空间嵌套表达层次关系\n\n## 依赖检测\n\n无需额外脚本。Agent 按照 SKILL.md 中的步骤通过 shell 命令（`which drawio`、检查默认安装路径）自动检测 draw.io。如果未安装，会引导用户安装。\n\n## 使用示例\n\n安装完成后，用自然语言描述你想要的图表即可，例如：\n\n- \"画一个电商下单流程图\"\n- \"画一个微服务架构图\"\n- \"画一个用户注册的时序图\"\n- \"画一个博客系统的 ER 图\"\n- \"画一个 AI Agent 的思维导图\"\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbruc3van%2Fbruce-drawio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbruc3van%2Fbruce-drawio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbruc3van%2Fbruce-drawio/lists"}