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.
Produces Mermaid or PlantUML diagram code from user specifications for UML, architecture, and flow diagrams.
$ npx skills add antoinebou12/uml-mcp --skill uml-diagramming -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install antoinebou12/uml-mcp uml-diagramming --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ 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-srcUse ~/.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/
Install the "uml-diagramming" agent skill from https://github.com/antoinebou12/uml-mcp/tree/main/.skill/skills/uml-diagramming into .claude/skills/uml-diagramming/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uml-diagramming", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/antoinebou12/uml-mcp/tree/main/.skill/skills/uml-diagrammingType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add antoinebou12/uml-mcp --skill uml-diagramming -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install antoinebou12/uml-mcp uml-diagramming --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/antoinebou12/uml-mcp.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.skill/skills/uml-diagramming .agents/skills/uml-diagramming && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "uml-diagramming" agent skill from https://github.com/antoinebou12/uml-mcp/tree/main/.skill/skills/uml-diagramming into .agents/skills/uml-diagramming/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uml-diagramming", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add antoinebou12/uml-mcp --skill uml-diagramming -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install antoinebou12/uml-mcp uml-diagramming --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/antoinebou12/uml-mcp.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.skill/skills/uml-diagramming .cursor/skills/uml-diagramming && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "uml-diagramming" agent skill from https://github.com/antoinebou12/uml-mcp/tree/main/.skill/skills/uml-diagramming into .cursor/skills/uml-diagramming/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uml-diagramming", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/antoinebou12/uml-mcp.git --path .skill/skills/uml-diagramming--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add antoinebou12/uml-mcp --skill uml-diagramming -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install antoinebou12/uml-mcp uml-diagramming --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/antoinebou12/uml-mcp.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.skill/skills/uml-diagramming .gemini/skills/uml-diagramming && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "uml-diagramming" agent skill from https://github.com/antoinebou12/uml-mcp/tree/main/.skill/skills/uml-diagramming into .gemini/skills/uml-diagramming/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uml-diagramming", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install antoinebou12/uml-mcp uml-diagrammingInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add antoinebou12/uml-mcp --skill uml-diagramming -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/antoinebou12/uml-mcp.git skills-src && mkdir -p .github/skills && cp -r skills-src/.skill/skills/uml-diagramming .github/skills/uml-diagramming && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "uml-diagramming" agent skill from https://github.com/antoinebou12/uml-mcp/tree/main/.skill/skills/uml-diagramming into .github/skills/uml-diagramming/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uml-diagramming", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add antoinebou12/uml-mcp --skill uml-diagramming -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install antoinebou12/uml-mcp uml-diagramming --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/antoinebou12/uml-mcp.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.skill/skills/uml-diagramming .opencode/skills/uml-diagramming && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "uml-diagramming" agent skill from https://github.com/antoinebou12/uml-mcp/tree/main/.skill/skills/uml-diagramming into .opencode/skills/uml-diagramming/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uml-diagramming", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
uml-diagrammingProduces 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. 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.
6 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit b4413c7. It shows what the files ask for, not the result of running them.
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.
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.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
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.
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.
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.
The full file from antoinebou12/uml-mcp at commit b4413c7, republished under its MIT licence (© antoinebou12). 1,076 words, ~2,448 tokens.
.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.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.
These are not “good vs bad diagrams”—they steer the LLM before diagram source is finalized:
| Positive | Negative | |
|---|---|---|
| Role | What 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.” |
| Bad | Pasting 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.
generate_uml / generate_uml_image MCP toolsThe 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.
mermaid or plantuml.@startuml and end with @enduml.%% ... 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.
From the user's message or context, identify:
| Diagram Type | Mermaid syntax |
|---|---|
| Sequence | sequenceDiagram |
| Class | classDiagram |
| State | stateDiagram-v2 |
| Activity | flowchart (TB) |
| Component, Deployment, Network | flowchart + subgraphs |
| Gantt | gantt |
| MindMap | mindmap |
| Use Case | flowchart (actors + use cases; no native use case in Mermaid) |
| Timing | sequenceDiagram with timing notes |
| Object | classDiagram (instances via notes) or flowchart |
| JSON/YAML | flowchart representing the structure (not raw JSON/YAML inside the block) |
Default direction: TB. Use LR for architecture/component/deployment when it improves readability.
| Diagram Type | PlantUML |
|---|---|
| Sequence | sequence diagram syntax |
| Use Case | usecase diagram syntax |
| Class | class diagram syntax |
| Activity | activity diagram syntax |
| Component | component diagram syntax |
| State | state diagram syntax |
| Object | object diagram syntax |
| Deployment | deployment diagram syntax |
| Timing | timing or sequence |
| Network | deployment/component (nodes + links) |
| Wireframe | salt (simple UI wireframes) |
| Gantt | gantt syntax |
| MindMap | mindmap syntax |
| WBS | wbs syntax |
| JSON/YAML | class/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.
alt/opt for branches. In Mermaid, put each sequenceDiagram statement on its own line (do not pack with ; — uml-mcp strict validation rejects that).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.Example 1 (Mermaid – login flow)
User request: "User login flow: enter credentials, API validates, DB check, return JWT or error."
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
endExample 2 (PlantUML – login sequence)
User request: "Login: validate, DB check, JWT or error."
@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
@endumlExample 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:
classDiagram syntax: class name, then lines for attributes/methods with + - #.--|>, composition *--, aggregation o--, association -- with : label, dependency ..>.generate_uml("mermaid", code).BPMN process model
When the user asks how to draw a BPMN process model:
uml://templates / uml://examples (key bpmn), and generate_uml with diagram_type bpmn for BPMN XML.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
SKILL.md and 1 other file (references) in .skill/skills/uml-diagramming of antoinebou12/uml-mcp.
Open the folder on GitHubat commit b4413c7
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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Uml Diagramming this skillantoinebou12/uml-mcp | 105 | — | ~2.4k | Automated safety check: Pass | MIT | |
| Archify Diagramstt-a1i/archify | 82k | — | ~2.9k | Automated safety check: Pass | MIT | |
| Diagram Designcathrynlavery/diagram-design | 49k | 1 repos | ~7.6k | Automated safety check: Pass | MIT | |
| Draw.io Diagram StudioAgents365-ai/drawio-skill | 10k | — | ~2.4k | Automated safety check: Notes | MIT | |
| Pretty Mermaid Rendererimxv/Pretty-mermaid-skills | 1.5k | — | ~2k | Automated safety check: Pass | MIT | |
| Archify Diagram BuilderUnclecheng-li/AI_Animation | 1.5k | 2 repos | ~4.1k | Automated safety check: Pass | MIT |
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.
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.
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.
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.
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.
WH-2099/mermaid-skill
Generate Mermaid diagrams from user requirements. An agent skill from WH-2099/mermaid-skill.
antoinebou12/uml-mcp
Create and extend MCP (Model Context Protocol) servers in Python using FastMCP and the official SDK.
antoinebou12/uml-mcp
Create and validate diagrams with the uml-mcp MCP server (generateuml, generateumlimage, validateuml, listdiagramtypes, generateumlbatch).
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.
antoinebou12/uml-mcp
Modern Python tooling and best practices using uv, ruff, ty, and pytest.
antoinebou12/uml-mcp
Step-by-step and reflective problem-solving for complex or multi-step tasks.
antoinebou12/uml-mcp
Navigate the UML-MCP repository and its documentation quickly.
Works with
Categories
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.
Uml Diagramming fits situations like: the user asks for diagram code; output for the generateuml / generateumlimage MCP tools.
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.
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.
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.
SKILL.md names no scripts, command-line tools or credentials: Uml Diagramming is instructions for the agent only.
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.
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.
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.
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.
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.
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.