draw-io-diagram-generator SKILL.md skillA

draw-io-diagram-generator from github/awesome-copilot is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add github/awesome-copilot/draw-io-diagram-generator@git:20260327.3b2c4fb

Pins git:20260327.3b2c4fb in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
github/awesome-copilot
Path
skills/draw-io-diagram-generator/SKILL.md
Versions recorded
1
Latest version
git:20260327.3b2c4fb, committed Mar 27, 2026
Size
19,595 bytes
Repository stars
40,941
License
MIT

Use when creating, editing, or generating draw.io diagram files (.drawio, .drawio.svg, .drawio.png). Covers mxGraph XML authoring, shape libraries, style strings, flowcharts, system architecture, sequence diagrams, ER diagrams, UML class diagrams, network topology, layout strategy, the hediet.vscode-drawio VS Code extension, and the full agent workflow from request to a ready-to-open file.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Draw.io Diagram Generator

This skill enables you to generate, edit, and validate draw.io (`.drawio`) diagram files with
correct mxGraph XML structure. All generated files open immediately in the
[Draw.io VS Code extension](https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio)
(`hediet.vscode-drawio`) without any manual fixes required. You can also open the files in the draw.io web app or desktop app if you prefer.

---

## 1. When to Use This Skill

**Trigger phrases (load this skill when you see these)**

- "create a diagram", "draw a flowchart", "generate an architecture diagram"
- "design a sequence diagram", "make a UML class diagram", "build an ER diagram"
- "add a .drawio file", "update the diagram", "visualise the flow"
- "document the architecture", "show the data model", "diagram the service interactions"
- Any request to produce or modify a `.drawio`, `.drawio.svg`, or `.drawio.png` file

**Supported diagram types**

| Diagram Type | Template Available | Description |
|---|---|---|
| Flowchart | `assets/templates/flowchart.drawio` | Process flows with decisions and branches |
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add github/awesome-copilot/draw-io-diagram-generator@sha256:0d5d86c1fe7dc596

The line at the top of this page pins the label git:20260327.3b2c4fb, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_3k63ozi5ygpos75e.svg)](https://markdownregistry.com/a/art_3k63ozi5ygpos75e)

3 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Mar 27, 2026.

versioncommittedcommitsizeaudit
git:20260327.3b2c4fb latest2026-03-27 3b2c4fb 19,595 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (19595 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

github/awesome-copilot · 40,941 stars · license MIT · pushed 2026-11-09 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_3k63ozi5ygpos75e
GET https://markdownregistry.com/api/v1/resolve?ref=github/awesome-copilot/draw-io-diagram-generator
GET https://markdownregistry.com/api/v1/blob/0d5d86c1fe7dc596f9bb7058291469cf5671ab55fcfeabce8451eb513a705868

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from github/awesome-copilot

agentic-workflows SKILL.md skill
github/awesome-copilot · .github/skills/agentic-workflows/SKILL.md · Route gh-aw workflow design/create/debug/upgrade requests to the right prompts.
git:20261007.b55f76e · audit A · 40,941 stars
code-review SKILL.md skill
github/awesome-copilot · .github/skills/code-review/SKILL.md · Review pull requests for repository fit, meaningful value, trustworthy provenance, differentiation, and maintainability…
git:20261029.d47bdce · audit A · 40,941 stars
create-canvas-extension SKILL.md skill
github/awesome-copilot · .github/skills/create-canvas-extension/SKILL.md · Create or register a canvas extension in the awesome-copilot repository. Use when asked to scaffold a new canvas…
git:20260824.37dcfd2 · audit A · 40,941 stars
AGENTS.md AGENTS.md file
github/awesome-copilot · AGENTS.md
git:20261102.6da4f4d · audit A · 40,941 stars
acquire-codebase-knowledge SKILL.md skill
github/awesome-copilot · skills/acquire-codebase-knowledge/SKILL.md · Use this skill when the user explicitly asks to map, document, or onboard into an existing codebase. Trigger for…
v1.3 · audit B · 40,941 stars
acreadiness-assess SKILL.md skill
github/awesome-copilot · skills/acreadiness-assess/SKILL.md · Run the AgentRC readiness assessment on the current repository and produce a static HTML dashboard at…
git:20260504.ebd2249 · audit A · 40,941 stars
acreadiness-generate-instructions SKILL.md skill
github/awesome-copilot · skills/acreadiness-generate-instructions/SKILL.md · Generate tailored AI agent instruction files via AgentRC instructions command. Produces .github/copilot-instructions.md…
git:20260504.ebd2249 · audit A · 40,941 stars
acreadiness-policy SKILL.md skill
github/awesome-copilot · skills/acreadiness-policy/SKILL.md · Help the user pick, write, or apply an AgentRC policy. Policies customise readiness scoring by disabling irrelevant…
git:20260504.ebd2249 · audit A · 40,941 stars
ad-campaign-analyzer SKILL.md skill
github/awesome-copilot · skills/ad-campaign-analyzer/SKILL.md · Use this skill when the user shares ad campaign performance data and asks what to cut, scale, or test. Trigger for…
v1.0 · audit A · 40,941 stars
add-educational-comments SKILL.md skill
github/awesome-copilot · skills/add-educational-comments/SKILL.md · Add educational comments to the file specified, or prompt asking for file to comment if one is not provided.
git:20260224.caab1f6 · audit A · 40,941 stars
adobe-illustrator-integrations SKILL.md skill
github/awesome-copilot · skills/adobe-illustrator-integrations/SKILL.md · Build, debug, package, and document Adobe Illustrator integrations: CEP extension panels, C++ SDK plug-ins (.aip), the…
git:20261104.03c43ad · audit A · 40,941 stars
adobe-illustrator-scripting SKILL.md skill
github/awesome-copilot · skills/adobe-illustrator-scripting/SKILL.md · Write, debug, and optimize Adobe Illustrator automation scripts using ExtendScript (JavaScript/JSX). Use when creating…
git:20260528.9bdb742 · audit A · 40,941 stars

Every file in github/awesome-copilot

Other files named draw-io-diagram-generator

draw-io-diagram-generator SKILL.md skill
fabioc-aloha/alex_skill_mall · plugins/diagrams/draw-io-diagram-generator/skills/draw-io-diagram-generator/SKILL.md · Use when creating, editing, or generating draw.io diagram files (.drawio, .drawio.svg, .drawio.png). Covers mxGraph XML…
git:20260728.6d4ccd2 · audit A · 5 stars
draw-io-diagram-generator SKILL.md skill
marielynneblock/arcanum-artifex · skills/document-production/diagramming/draw-io-diagram-generator/SKILL.md · Use when creating, editing, or generating draw.io diagram files (.drawio, .drawio.svg, .drawio.png). Covers mxGraph XML…
git:20260710.0115f49 · audit A · 4 stars

Browse by kind, by grade A, or by owner.