npx skills add https://github.com/markdown-viewer/skills --skill uml快速开始： 选择图表类型 → 定义类/对象/参与者 → 添加关系/边 → 使用合适的形状和箭头样式 → 用 ````drawio` 代码块包裹。
⚠️ 重要： 始终使用
drawio` 代码块。切勿使用xml` —— 它不会被渲染成图表。
🔗 这是一个基于 drawio 的技能。 所有结构、布局和边路由规则都继承自 drawio SKILL.md。请先阅读基础规则。
UML 特有补充：
shape=umlLifeline、shape=umlActor、shape=component、swimlane;childLayout=stackLayoutfillColor=none; 以避免覆盖子元素广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
| 类型 | 用途 | 关键形状 | 示例 |
|---|---|---|---|
| 类图 | 类结构和关系 | swimlane;childLayout=stackLayout | class-diagram.md |
| 序列图 | 随时间变化的消息交互 | shape=umlLifeline | sequence-diagram.md |
| 活动图 | 工作流和过程流 | rounded=1;arcSize=50 | activity-diagram.md |
| 状态机图 | 对象生命周期状态 | rounded=1 配合颜色 | state-machine-diagram.md |
| 组件图 | 系统组件组织 | shape=component | component-diagram.md |
| 用例图 | 用户-系统交互 | shape=umlActor、ellipse | use-case-diagram.md |
| 部署图 | 物理部署架构 | shape=cube;direction=south | deployment-diagram.md |
| 对象图 | 运行时对象快照 | swimlane;fontStyle=4 | object-diagram.md |
| 包图 | 模块组织 | shape=folder | package-diagram.md |
| 通信图 | 对象协作 | whiteSpace=wrap 配合带编号的消息 | communication-diagram.md |
| 组合结构图 | 内部类结构 | shape=ellipse;container=1;dashed=1 | composite-structure-diagram.md |
| 交互概览图 | 活动图与序列图的组合 | shape=umlFrame | interaction-overview-diagram.md |
| 时序图 | 随时间变化的状态变化 | shape=waypoint | timing-diagram.md |
| 剖面图 | UML 扩展机制 | <<stereotype>> 标签 | profile-diagram.md |
每周安装量
90
代码仓库
GitHub 星标数
5
首次出现
2026年2月6日
安全审计
安装于
gemini-cli88
opencode88
github-copilot87
codex87
kimi-cli85
amp85
Quick Start: Choose diagram type → Define classes/objects/actors → Add relationships/edges → Use appropriate shapes and arrow styles → Wrap in ````drawio` fence.
⚠️ IMPORTANT: Always use
drawio` code fence. NEVER usexml` — it will NOT render as a diagram.
🔗 This is a drawio-derived skill. All structure, layout, and edge routing rules inherit from drawio SKILL.md. Read the base rules first.
UML-specific additions:
shape=umlLifeline, shape=umlActor, shape=component, swimlane;childLayout=stackLayoutfillColor=none; for package/component containers to avoid covering child elements| Type | Purpose | Key Shape | Example |
|---|---|---|---|
| Class | Class structure and relationships | swimlane;childLayout=stackLayout | class-diagram.md |
| Sequence | Message interactions over time | shape=umlLifeline | sequence-diagram.md |
| Activity | Workflow and process flow | rounded=1;arcSize=50 | activity-diagram.md |
Weekly Installs
90
Repository
GitHub Stars
5
First Seen
Feb 6, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
gemini-cli88
opencode88
github-copilot87
codex87
kimi-cli85
amp85
文档查找工具：实时获取库、框架和API最新文档，替代训练数据
1,100 周安装
Claude子智能体(sub-agents)创建指南：专用AI代理配置与链式调用教程
271 周安装
Git提交规则：使用/commit技能移除Claude归属信息，生成推理记录，优化Git工作流
270 周安装
Bicep图表生成器 - 从Azure Bicep文件自动生成架构图 | Eraser
264 周安装
NeuralMemory 记忆录入专家：AI智能体结构化记忆处理与知识管理工具
274 周安装
UCP通用商务协议实现：Node.js/Bun运行时、配置驱动、遵循Next.js App Router
268 周安装
Better Auth 集成指南：NestJS + Next.js 类型安全身份验证框架
271 周安装
| State Machine |
| Object lifecycle states |
rounded=1 with colors |
| state-machine-diagram.md |
| Component | System component organization | shape=component | component-diagram.md |
| Use Case | User-system interactions | shape=umlActor, ellipse | use-case-diagram.md |
| Deployment | Physical deployment architecture | shape=cube;direction=south | deployment-diagram.md |
| Object | Runtime object snapshot | swimlane;fontStyle=4 | object-diagram.md |
| Package | Module organization | shape=folder | package-diagram.md |
| Communication | Object collaboration | whiteSpace=wrap with numbered messages | communication-diagram.md |
| Composite Structure | Internal class structure | shape=ellipse;container=1;dashed=1 | composite-structure-diagram.md |
| Interaction Overview | Activity + sequence combination | shape=umlFrame | interaction-overview-diagram.md |
| Timing | State changes over time | shape=waypoint | timing-diagram.md |
| Profile | UML extension mechanisms | <<stereotype>> labels | profile-diagram.md |