How do I install the Templates skill?

Run npx skillmds@latest add lobbi-docs/templates in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Templates skill do?

Index of draw.io XML templates by diagram type — reference when generating diagrams It is listed under Coding & Dev Tools on SkillMD.

Is Templates safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Templates?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Templates free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Templates?

Lobbi-Docs (@lobbi-docs) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Templates by lobbi-docs — Agent Skill

Name: Templates
Author: Lobbi-Docs

File contents

Template Index

This skill indexes all available templates. Each template demonstrates the correct XML structure with the full <mxfile> wrapper, proper layers, edge routing, shadows, and containers.

Template Files

Template	File	Use For
Flowchart	`commands/create.md` (Template Library section)	Process flows, algorithms
Sequence	`commands/create.md` (Sequence Diagram Template)	API flows, request traces
ER Diagram	`commands/create.md` (ER Diagram Template)	Database schemas
C4 Architecture	`commands/create.md` (C4 Architecture Template)	System architecture
UML Class	`commands/create.md` (UML Class Diagram Template)	OO design
Kubernetes	`commands/create.md` (Kubernetes Diagram Template)	K8s topology
Swimlane	`commands/create.md` (Swimlane Diagram Template)	Cross-team flows
Mind Map	`commands/create.md` (Mind Map Template)	Brainstorming
Simple Flowchart	`skills/xml-generation/SKILL.md` (Example 1)	Quick processes
AWS Architecture	`skills/xml-generation/SKILL.md` (Example 2)	Cloud infra
UML Sequence	`skills/xml-generation/SKILL.md` (Example 3)	Detailed sequences

Template Requirements

Every template MUST include:

<mxfile> wrapper (never bare <mxGraphModel>)
background="none" on <mxGraphModel>
At least 2 layers (content + annotations)
Title annotation cell on the annotations layer
shadow=1; on primary shapes
html=1; with <b> tags on labels
edgeStyle=orthogonalEdgeStyle;rounded=1;jettySize=auto; on edges
strokeWidth=2; on primary flow edges
Explicit exitX/exitY/entryX/entryY on edges between non-aligned shapes
Containers for grouped elements
Legend if 3+ color categories

Quick Reference: Starting Skeleton

<mxfile host="Claude" modified="2026-03-17T00:00:00.000Z" agent="Claude Code" version="24.0.0" type="device">
  <diagram id="diagram-1" name="[Title]">
    <mxGraphModel dx="1422" dy="794" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0" background="none">
      <root>
        <mxCell id="0" />
        <mxCell id="1" value="Main" parent="0" />
        <mxCell id="layer-notes" value="Annotations" parent="0" />
        <!-- Title -->
        <mxCell id="title" value="&lt;b&gt;[Diagram Title]&lt;/b&gt;" style="text;html=1;fontSize=16;align=left;" vertex="1" parent="layer-notes">
          <mxGeometry x="40" y="10" width="300" height="30" as="geometry" />
        </mxCell>
        <!-- Content goes on layer "1" (Main) -->
        <!-- Annotations/legend go on layer "layer-notes" -->
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>

---name: templatesdescription: Index of draw.io XML templates by diagram type — reference when generating diagrams---# Template IndexThis skill indexes all available templates. Each template demonstrates the correctXML structure with the full `<mxfile>` wrapper, proper layers, edge routing,shadows, and containers.## Template Files| Template | File | Use For ||----------|------|---------|| Flowchart | `commands/create.md` (Template Library section) | Process flows, algorithms || Sequence | `commands/create.md` (Sequence Diagram Template) | API flows, request traces || ER Diagram | `commands/create.md` (ER Diagram Template) | Database schemas || C4 Architecture | `commands/create.md` (C4 Architecture Template) | System architecture || UML Class | `commands/create.md` (UML Class Diagram Template) | OO design || Kubernetes | `commands/create.md` (Kubernetes Diagram Template) | K8s topology || Swimlane | `commands/create.md` (Swimlane Diagram Template) | Cross-team flows || Mind Map | `commands/create.md` (Mind Map Template) | Brainstorming || Simple Flowchart | `skills/xml-generation/SKILL.md` (Example 1) | Quick processes || AWS Architecture | `skills/xml-generation/SKILL.md` (Example 2) | Cloud infra || UML Sequence | `skills/xml-generation/SKILL.md` (Example 3) | Detailed sequences |## Template RequirementsEvery template MUST include:1. `<mxfile>` wrapper (never bare `<mxGraphModel>`)2. `background="none"` on `<mxGraphModel>`3. At least 2 layers (content + annotations)4. Title annotation cell on the annotations layer5. `shadow=1;` on primary shapes6. `html=1;` with `<b>` tags on labels7. `edgeStyle=orthogonalEdgeStyle;rounded=1;jettySize=auto;` on edges8. `strokeWidth=2;` on primary flow edges9. Explicit `exitX/exitY/entryX/entryY` on edges between non-aligned shapes10. Containers for grouped elements11. Legend if 3+ color categories## Quick Reference: Starting Skeleton```xml<mxfile host="Claude" modified="2026-03-17T00:00:00.000Z" agent="Claude Code" version="24.0.0" type="device"> <diagram id="diagram-1" name="[Title]"> <mxGraphModel dx="1422" dy="794" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0" background="none"> <root> <mxCell id="0" /> <mxCell id="1" value="Main" parent="0" /> <mxCell id="layer-notes" value="Annotations" parent="0" />  <mxCell id="title" value="<b>[Diagram Title]</b>" style="text;html=1;fontSize=16;align=left;" vertex="1" parent="layer-notes"> <mxGeometry x="40" y="10" width="300" height="30" as="geometry" /> </mxCell>   </root> </mxGraphModel> </diagram></mxfile>```

Frequently asked questions

Templates