Agent skill

Uml Diagramming

by antoinebou12 in antoinebou12/uml-mcp

Produces Mermaid or PlantUML diagram code from user specifications for UML, architecture, and flow diagrams.

MITAuto-check passedDevelopment

Install Uml Diagramming

skills CLI
$ npx skills add antoinebou12/uml-mcp --skill uml-diagramming -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install antoinebou12/uml-mcp uml-diagramming --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/antoinebou12/uml-mcp.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.skill/skills/uml-diagramming .claude/skills/uml-diagramming && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
uml-diagramming
GitHub stars
105
Token cost
~2.4k tokens
SKILL.md length
1,076 words
Files
2 (incl. references)
Skills in repo
7
Repo updated
First seen
Licence
MIT

At a glance

Produces Mermaid or PlantUML diagram code from user specifications for UML, architecture, and flow diagrams.

  • Works in 6 steps: Parse the prompt: extract entities,… → Choose Mermaid or PlantUML (see… → Select the diagram form from the type… → …
  • The user asks for diagram code
  • SKILL.md covers Positive vs negative…, When to Use, Output Rules and Choosing Mermaid vs PlantUML, plus 7 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Uml Diagramming is an agent skill from antoinebou12/uml-mcp. Produces Mermaid or PlantUML diagram code from user specifications for UML, architecture, and flow diagrams. Use when the user asks for diagram code or output for the generateuml / generateumlimage MCP tools. Supports Kroki-renderable output.

Its SKILL.md is about 2.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/DIAGRAM-TYPES.md`).

It sits in Development, covering Diagrams. It works with Mermaid. The repository describes itself as: UML-MCP Server is a UML diagram generation tool based on MCP (Model Context Protocol), which can help users generate various types of UML diagrams through natural language…. The licence is MIT.

When your agent uses it

  • The user asks for diagram code
  • Output for the generateuml / generateumlimage MCP tools

Example prompts

  • “Use the uml-diagramming skill to produce Mermaid or PlantUML diagram code from user specifications for UML, architecture, and flow diagrams”
  • “/uml-diagramming”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Parse the prompt: extract entities, actions, relationships, lifelines, states, modules.
  2. Choose Mermaid or PlantUML (see "Choosing Mermaid vs PlantUML").
  3. Select the diagram form from the type mapping tables above.
  4. Apply direction: default TB; LR for architecture/component/deployment/network.
  5. Emit a single code block with the diagram script.
  6. If the MCP generate_uml tool is available, call it with the produced diagram_type and code (e.g. diagram_type: "mermaid", "class"…

What it can do on your machine

Read from SKILL.md and the folder at commit b4413c7. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are mermaid and plantuml).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Uml Diagramming loads about 2.4k tokens when it runs, and up to ~4.7k if it reads all its reference files. Until then it costs about 65 tokens; SKILL.md has 1,076 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~65
When it runs · the whole SKILL.md, loaded when a task matches
~2.4k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~4.7k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from antoinebou12/uml-mcp at commit b4413c7, republished under its MIT licence (© antoinebou12). 1,076 words, ~2,448 tokens.

Download SKILL.mdSave it as .claude/skills/uml-diagramming/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
uml-diagramming
description
Produces Mermaid or PlantUML diagram code from user specifications for UML, architecture, and flow diagrams. Use when the user asks for diagram code or output for the generate_uml / generate_uml_image MCP tools. Supports Kroki-renderable output.

UML Diagramming

Generate a single, correct Mermaid or PlantUML code block from a user's description. Output only the diagram script in one code block; no prose outside it.

Positive vs negative instructions (LLM steering)

These are not “good vs bad diagrams”—they steer the LLM before diagram source is finalized:

PositiveNegative
RoleWhat the model must do (DSL shape, notation).What the model must not do (common junk).
Good“Use sequenceDiagram.” “One statement per line.” “Participant names: Client, API, DB.”“No ``` fences.” “No ‘Here is the diagram:’ preamble.” “No semicolon-packed sequenceDiagram.”
BadPasting the full user story again (use template / description for that).Repeating the positive list as negatives (“do not omit participants”)—confusing and wasteful.

Keep each side short; when the provider exposes a separate negative or “must not” channel, route negative there instead of duplicating it in the main prompt.

When to Use

  • User asks for a diagram (UML, architecture, flow, process, etc.)
  • User specifies or implies Mermaid or PlantUML (or "diagram code")
  • Task is to produce diagram script for documentation, design, or for the generate_uml / generate_uml_image MCP tools

The generate_uml tool supports all Kroki diagram types via diagram_type (e.g. mermaid, plantuml, d2, graphviz, blockdiag, bpmn, vegalite, wavedrom, goat, umlet, etc.). Use resource uml://types for the full list and uml://templates for starter code. For non-Mermaid/PlantUML types (D2, BlockDiag, BPMN, Bytefield, Vega, WaveDrom, etc.), see references/DIAGRAM-TYPES.md.

For user intent → Kroki diagram_type (including Venn, quadrant, and timeline caveats), see the Intent → diagram_type (Kroki) section in references/DIAGRAM-TYPES.md.

When the user wants the diagram visible in chat, after emitting the code block call generate_uml_image (PNG) if available; otherwise generate_uml.

Output Rules

  • Emit only one code block; no explanatory text outside the block.
  • Code block language: mermaid or plantuml.
  • For PlantUML: script must start with @startuml and end with @enduml.
  • You may use brief comments inside the block (Mermaid %% ... or PlantUML ' ...) to note assumptions.

When you are also invoking the uml-mcp generate_uml tool in the same turn, the chat response may include normal prose (URLs, errors, short explanations) outside the single fenced diagram block. This skill’s “one code block” rule applies to the diagram script portion of the answer, not to the entire MCP reply.

Choosing Mermaid vs PlantUML

  • If the user says Mermaid or PlantUML, use that.
  • If unspecified:
    • Prefer PlantUML for: Use Case, Deployment, Object, WBS, Gantt, Wireframe.
    • Prefer Mermaid for: Markdown/GitHub-friendly docs, quick diagrams, and when there is no strong UML requirement.

Parsing the Request

From the user's message or context, identify:

  • Diagram type: Sequence, Use Case, Class, Activity, Component, State, Object, Deployment, Timing, Network, Gantt, MindMap, WBS, etc.
  • Purpose: Communication, Planning, Design, Analysis, Modeling, Documentation, Implementation, Testing, Debugging.
  • Elements (optional): Actors, Messages, Objects, Classes, Interfaces, Components, States, Nodes, Edges, etc.
  • Target language for labels (e.g. English) if obvious.
  • Optional constraints if mentioned: direction (LR/TB), detail level, max nodes, naming style, group_by.

Mermaid Type Mapping

Diagram TypeMermaid syntax
SequencesequenceDiagram
ClassclassDiagram
StatestateDiagram-v2
Activityflowchart (TB)
Component, Deployment, Networkflowchart + subgraphs
Ganttgantt
MindMapmindmap
Use Caseflowchart (actors + use cases; no native use case in Mermaid)
TimingsequenceDiagram with timing notes
ObjectclassDiagram (instances via notes) or flowchart
JSON/YAMLflowchart representing the structure (not raw JSON/YAML inside the block)

Default direction: TB. Use LR for architecture/component/deployment when it improves readability.

PlantUML Type Mapping

Diagram TypePlantUML
Sequencesequence diagram syntax
Use Caseusecase diagram syntax
Classclass diagram syntax
Activityactivity diagram syntax
Componentcomponent diagram syntax
Statestate diagram syntax
Objectobject diagram syntax
Deploymentdeployment diagram syntax
Timingtiming or sequence
Networkdeployment/component (nodes + links)
Wireframesalt (simple UI wireframes)
Ganttgantt syntax
MindMapmindmap syntax
WBSwbs syntax
JSON/YAMLclass/object or mindmap representing structure

Use left to right direction for architecture-heavy diagrams when it helps. Add a short title in the target language.

Show full SKILL.md (448 more words)Show less

Quality Rules

  • Choose the minimal diagram type that fits the purpose.
  • Limit size: roughly <25 nodes for Mermaid, <30 for PlantUML.
  • Naming: Consistent, short names; qualifiers in notes if needed.
  • Grouping: Use subgraphs (Mermaid) or packages/frames (PlantUML): e.g. Client, API, Services, DB.
  • Sequence: Show key messages only; use alt/opt for branches. In Mermaid, put each sequenceDiagram statement on its own line (do not pack with ; — uml-mcp strict validation rejects that).
  • Class: Include main attributes/methods; show relationships with multiplicities where known.
  • State: Clear start and end; label transitions with events/guards.
  • Activity: One start, one end; decisions as diamonds; label yes/no paths.
  • If the request is ambiguous, make reasonable assumptions and note them in comments inside the diagram.

Process

  1. Parse the prompt: extract entities, actions, relationships, lifelines, states, modules.
  2. Choose Mermaid or PlantUML (see "Choosing Mermaid vs PlantUML").
  3. Select the diagram form from the type mapping tables above.
  4. Apply direction: default TB; LR for architecture/component/deployment/network.
  5. Emit a single code block with the diagram script.
  6. If the MCP generate_uml tool is available, call it with the produced diagram_type and code (e.g. diagram_type: "mermaid", "class", "sequence", "activity", "usecase" as appropriate). Prefer generate_uml_image when the user asked to show the diagram in chat.

Examples

Example 1 (Mermaid – login flow)

User request: "User login flow: enter credentials, API validates, DB check, return JWT or error."

mermaid
sequenceDiagram
    actor User
    participant Client
    participant API
    participant DB
    User->>Client: Enter credentials
    Client->>API: Validate request
    API->>DB: Check credentials
    alt Valid
        DB-->>API: OK
        API-->>Client: JWT
        Client-->>User: Logged in
    else Invalid
        DB-->>API: Fail
        API-->>Client: Error
        Client-->>User: Show error
    end

Example 2 (PlantUML – login sequence)

User request: "Login: validate, DB check, JWT or error."

plantuml
@startuml
title Login flow
actor User
participant "API" as API
database DB
User -> API : credentials
API -> DB : validate
alt valid
  DB --> API : OK
  API --> User : JWT
else invalid
  DB --> API : fail
  API --> User : error
end
@enduml

Example 3 (Mermaid – API call sequence)

User request: "Show me a Mermaid sequence diagram for an API call."

Use sequenceDiagram with participants such as Client, API, Auth, DB. Show request/response and optional alt for success/error. See uml://examples (key mermaid) or docs/diagrams/mermaid.md for sample text. Then call generate_uml("mermaid", code).

Example 4 (Mermaid – Gantt)

User request: "Generate a Gantt chart using Mermaid syntax."

Use a Mermaid gantt block with title, dateFormat, section, and tasks (with ids and durations or after). See uml://examples (key mermaid) or docs/diagrams/mermaid.md for a Gantt sample. Then call generate_uml("mermaid", code).

Convert class diagram to Mermaid

When the user asks to convert a class diagram (PlantUML or prose) into Mermaid:

  1. Map each class to classDiagram syntax: class name, then lines for attributes/methods with + - #.
  2. Map relationships: inheritance --|>, composition *--, aggregation o--, association -- with : label, dependency ..>.
  3. Emit one Mermaid code block and call generate_uml("mermaid", code).

BPMN process model

When the user asks how to draw a BPMN process model:

  • Describe core BPMN 2.0.2 elements: Start/End events, Task, Gateways (Exclusive, Parallel, Inclusive), Sequence Flow, Lanes, Pools.
  • Point to the BPMN guide, uml://templates / uml://examples (key bpmn), and generate_uml with diagram_type bpmn for BPMN XML.

Additional Resources

For full diagram-type mappings and optional constraints (direction, detail_level, max_nodes, naming_style, group_by), see references/DIAGRAM-TYPES.md.

© antoinebou12, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file (references) in .skill/skills/uml-diagramming of antoinebou12/uml-mcp.

  • SKILL.md
  • references/DIAGRAM-TYPES.md

Open the folder on GitHubat commit b4413c7

Compare with similar skills

Uml Diagramming next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Uml Diagramming compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Uml Diagramming this skillantoinebou12/uml-mcp105—~2.4kAutomated safety check: PassMIT
Archify Diagramstt-a1i/archify82k—~2.9kAutomated safety check: PassMIT
Diagram Designcathrynlavery/diagram-design49k1 repos~7.6kAutomated safety check: PassMIT
Draw.io Diagram StudioAgents365-ai/drawio-skill10k—~2.4kAutomated safety check: NotesMIT
Pretty Mermaid Rendererimxv/Pretty-mermaid-skills1.5k—~2kAutomated safety check: PassMIT
Archify Diagram BuilderUnclecheng-li/AI_Animation1.5k2 repos~4.1kAutomated safety check: PassMIT

Similar skills

  • Archify Diagrams

    tt-a1i/archify

    Creates interactive architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone HTML with inline SVG, themes and image or video export.

    82k GitHub stars~2.9k tokensUpdated today
    DevelopmentAuto-check passed
  • Diagram Design

    cathrynlavery/diagram-design

    Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.

    49k GitHub starsUsed in 1 repo~7.6k tokens
    DevelopmentAuto-check passed
  • Draw.io Diagram Studio

    Agents365-ai/drawio-skill

    Creates and edits editable draw.io diagrams from descriptions, code, infrastructure files, SQL and API schemas, with sync, review, test and export tools.

    10k GitHub stars~2.4k tokensUpdated today
    DevelopmentAuto-check: notes
  • Pretty Mermaid Renderer

    imxv/Pretty-mermaid-skills

    Writes and renders Mermaid diagrams as themed SVG, PNG or terminal ASCII and Unicode art with a bundled Node.js CLI that needs no browser.

    1.5k GitHub stars~2k tokensUpdated 1 mo ago
    DevelopmentAuto-check passed
  • Archify Diagram Builder

    Unclecheng-li/AI_Animation

    Builds validated architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone interactive HTML from a small JSON spec, with optional motion and image export.

    1.5k GitHub starsUsed in 2 repos~4.1k tokens
    DevelopmentAuto-check passed
  • Mermaid

    WH-2099/mermaid-skill

    Generate Mermaid diagrams from user requirements. An agent skill from WH-2099/mermaid-skill.

    288 GitHub starsUsed in 4 repos~958 tokens
    DevelopmentAuto-check passed

More from antoinebou12/uml-mcp

  • MCP Python

    antoinebou12/uml-mcp

    Create and extend MCP (Model Context Protocol) servers in Python using FastMCP and the official SDK.

    105 GitHub stars~1.1k tokensUpdated today
    Auto-check passed
  • Uml Diagrams

    antoinebou12/uml-mcp

    Create and validate diagrams with the uml-mcp MCP server (generateuml, generateumlimage, validateuml, listdiagramtypes, generateumlbatch).

    105 GitHub stars~1.3k tokensUpdated today
    Auto-check passed
  • Uml MCP Diagrams

    antoinebou12/uml-mcp

    Creates diagrams via the uml-mcp MCP server (generateuml, generateumlimage, validateuml, listdiagramtypes, generateumlbatch) and returns shareable Kroki URLs or inline chat images.

    105 GitHub stars~3.2k tokensUpdated today
    Auto-check passed
  • Modern Python

    antoinebou12/uml-mcp

    Modern Python tooling and best practices using uv, ruff, ty, and pytest.

    105 GitHub stars~1k tokensUpdated today
    Auto-check passed
  • Sequential Thinking

    antoinebou12/uml-mcp

    Step-by-step and reflective problem-solving for complex or multi-step tasks.

    105 GitHub stars~715 tokensUpdated today
    Auto-check passed
  • Uml MCP Navigation

    antoinebou12/uml-mcp

    Navigate the UML-MCP repository and its documentation quickly.

    105 GitHub stars~1.1k tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Uml Diagramming

What does Uml Diagramming do?

Produces Mermaid or PlantUML diagram code from user specifications for UML, architecture, and flow diagrams. Uml Diagramming is an agent skill from antoinebou12/uml-mcp. Produces Mermaid or PlantUML diagram code from user specifications for UML, architecture, and flow diagrams.

When should I use Uml Diagramming?

Uml Diagramming fits situations like: the user asks for diagram code; output for the generateuml / generateumlimage MCP tools.

How do I install Uml Diagramming in Claude Code?

Run `npx skills add antoinebou12/uml-mcp --skill uml-diagramming -a claude-code`. Or copy the skill folder (.skill/skills/uml-diagramming in antoinebou12/uml-mcp) into .claude/skills/uml-diagramming in your project. Claude Code loads it when a task matches its description.

How do I install Uml Diagramming in Codex?

Run `npx skills add antoinebou12/uml-mcp --skill uml-diagramming -a codex`. Or copy the skill folder (.skill/skills/uml-diagramming in antoinebou12/uml-mcp) into .agents/skills/uml-diagramming in your project. Codex loads it when a task matches its description.

Can I use Uml Diagramming in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add antoinebou12/uml-mcp --skill uml-diagramming -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/uml-diagramming, .gemini/skills/uml-diagramming, .github/skills/uml-diagramming and .opencode/skills/uml-diagramming in your project.

What does Uml Diagramming need to run?

SKILL.md names no scripts, command-line tools or credentials: Uml Diagramming is instructions for the agent only.

Does Uml Diagramming access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Uml Diagramming safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Uml Diagramming use?

Uml Diagramming is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Uml Diagramming use?

About 2.4k tokens (SKILL.md is roughly 9.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.3k tokens, read only when the agent opens those files.

What are the alternatives to Uml Diagramming?

Skills that share tags, products or a category with Uml Diagramming: Archify Diagrams (tt-a1i/archify, 82k stars), Diagram Design (cathrynlavery/diagram-design, 49k stars), Draw.io Diagram Studio (Agents365-ai/drawio-skill, 10k stars) and Pretty Mermaid Renderer (imxv/Pretty-mermaid-skills, 1.5k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Uml Diagramming?

antoinebou12 (a GitHub user) maintains it in antoinebou12/uml-mcp, which has 105 GitHub stars. The repository holds 7 skills in this directory. The repository was last updated on October 11, 2026.

Source: antoinebou12/uml-mcp on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.