SkillsAdd

modelscope.cn

uml

Create UML (Unified Modeling Language) diagrams using drawio XML format.

Installation

$ npx skills add https://modelscope.cn
View on skills.sh ↗ Website ↗

Summary

  • Create UML (Unified Modeling Language) diagrams using drawio XML format.
  • Best for software modeling including Class, Sequence, Activity, State Machine, Component, Use Case, and Deployment diagrams.
  • Built on drawio with UML-specific shapes and notation.
  • NOT for simple flowcharts (use mermaid), layered system architecture (use architecture), or data charts (use vega).

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

frontend-design Same topic
anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existi…

866.4K installs
agent-browser Same topic
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
vercel-react-best-practices Same topic
vercel-labs/agent-skills 697.8K installs
web-design-guidelines Same topic
vercel-labs/agent-skills

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…

617.3K installs
microsoft-foundry Same topic
microsoft/azure-skills

Build, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …

576.5K installs
azure-diagnostics Same topic
microsoft/azure-skills

Debug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …

568.9K installs

Also in this package

Other skills from modelscope.cn · top by installs.

npx skills add https://modelscope.cn
skill-creator 2K frontend-design 1.9K pptx-generator 1.3K minimax-docx 1.2K find-skills 1.1K minimax-xlsx 1.2K minimax-pdf 1.2K docx 942 self-improvement 932 pdf 914

Browse all from modelscope.cn

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 3,301 B

History

  1. First recorded snapshot · 0 installs

SKILL.md

UML Diagram Generator

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 use `xml — it will NOT render as a diagram.

Critical Rules

🔗 This is a drawio-derived skill. All structure, layout, and edge routing rules inherit from [drawio SKILL.md](../drawio/SKILL.md). Read the base rules first.

UML-specific additions:

  • Use standard UML shapes: shape=umlLifeline, shape=umlActor, shape=component, swimlane;childLayout=stackLayout
  • Use fillColor=none; for package/component containers to avoid covering child elements

UML Diagram Types

Type Purpose Key Shape Example
Class Class structure and relationships swimlane;childLayout=stackLayout [class-diagram.md](examples/class-diagram.md)
Sequence Message interactions over time shape=umlLifeline [sequence-diagram.md](examples/sequence-diagram.md)
Activity Workflow and process flow rounded=1;arcSize=50 [activity-diagram.md](examples/activity-diagram.md)
State Machine Object lifecycle states rounded=1 with colors [state-machine-diagram.md](examples/state-machine-diagram.md)
Component System component organization shape=component [component-diagram.md](examples/component-diagram.md)
Use Case User-system interactions shape=umlActor, ellipse [use-case-diagram.md](examples/use-case-diagram.md)
Deployment Physical deployment architecture shape=cube;direction=south [deployment-diagram.md](examples/deployment-diagram.md)
Object Runtime object snapshot swimlane;fontStyle=4 [object-diagram.md](examples/object-diagram.md)
Package Module organization shape=folder [package-diagram.md](examples/package-diagram.md)
Communication Object collaboration whiteSpace=wrap with numbered messages [communication-diagram.md](examples/communication-diagram.md)
Composite Structure Internal class structure shape=ellipse;container=1;dashed=1 [composite-structure-diagram.md](examples/composite-structure-diagram.md)
Interaction Overview Activity + sequence combination shape=umlFrame [interaction-overview-diagram.md](examples/interaction-overview-diagram.md)
Timing State changes over time shape=waypoint [timing-diagram.md](examples/timing-diagram.md)
Profile UML extension mechanisms <<stereotype>> labels [profile-diagram.md](examples/profile-diagram.md)