mcpField
D
drawio-architecture

drawio-architecture

github.com/full-stack-skills开发065 次安装4 周前更新
代码仓库

关于 drawio-architecture

drawio-architecture 是使用 Draw.io 或 diagrams.net 绘制架构、部署和组件图的技能，涵盖图表结构、模板、导出格式，以及协作和版本管理实践。

主要功能

  1. 01绘制架构图和部署图
  2. 02使用 C4、UML 及云组件形状
  3. 03通过分层与容器组织图表
  4. 04导出为 PNG、SVG 或 PDF
  5. 05存储并协作编辑图表文件

适用场景

  1. 01为评审展示系统架构
  2. 02为项目文档准备导出图
  3. 03通过代码仓库编辑 .drawio 图表
  4. 04将复杂系统拆分为多张图

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/full-stack-skills/drawio-skills --skill drawio-architecture

安装后在 Claude Code 中输入/drawio-architecture确认已加载。

附带文件agents/openai.yamlLICENSE.txt

README 原文English

来自项目 README

README 暂无中文译文，以下为英文原文；中文介绍见上方。

When to use this skill

Use this skill whenever the user wants to:

  • 用 Draw.io 画系统架构图、部署图、组件图
  • 产出可导出的矢量/PNG 图用于文档或评审
  • 协作编辑与版本管理（如 Confluence、Git 存 .drawio）

How to use this skill

  1. 工具：Draw.io 桌面版或 diagrams.net；支持 .drawio XML、导出 PNG/SVG/PDF。
  2. 内容：从模板或形状库选（C4、UML、云组件）；用泳道/容器表达层次。
  3. 协作：存到 Confluence、Google Drive 或仓库；约定命名与图例。

Best Practices

  • 一图一主题；用标题与图例说明符号含义。
  • 保持风格统一（颜色、字体、箭头）；复杂系统用多图分层。
  • 导出时选合适分辨率；文档中引用时注明“架构图”与更新日期。

Keywords

draw.io, architecture diagram, C4, deployment diagram, 架构图, 部署图, diagrams.net

评论

支持 Markdown