DI draw-it diagram skill catalog
Catalog

draw-io / draw.io diagram generator

Generate and validate production-quality draw.io XML diagrams with strict style, structure, routing, and text rules.

candidatedrawiodrawioxml
draw-io / draw.io diagram generator preview

draw-io-diagram-generator

Why It Is Here

This project is more than a prompt-style skill: it includes a draw.io XML quality standard, examples, validator rules, and a CLI. That makes it useful for keeping generated .drawio files production-ready instead of merely renderable.

Best For

  • Native draw.io diagrams that need manual editing later.
  • Diagrams requiring strict edge routing, font rules, containers, and layers.
  • Teams that want CI checks for generated diagram files.

Evaluation Notes

  • Strengths: validator-backed rules, native XML output, documented non-goals, useful example set.
  • Weaknesses: requires a draw.io rendering/export path for screenshots; full benefit depends on adopting the validator.
  • Open questions: whether this repository should vendor the upstream validator or only consume it as an external tool.

Artifacts

  • Example: examples/request-flow.drawio
  • Preview: screenshots/request-flow-preview.png
  • Editable preview source: screenshots/request-flow-preview.svg

Maintenance

  • Last checked: 2026-04-26
  • Next action: try upstream validator against local examples and decide whether to add CI.

Artifacts

NameKindDescription
request-flow.drawio drawio Self-made native draw.io XML example for a skill intake flow.
request-flow-preview.png png PNG screenshot generated from the vector preview.
request-flow-preview.svg svg Lightweight editable preview of the draw.io example.