agentsclimarketplace

Drawio

Skill sordi-ai/skill-everything/skills/drawio

Git-versioned agent memory: agents that never make the same mistake twice. Anthropic-Skill folder standard, multi-runtime (Claude Code, Cursor, Gemini CLI, OpenCode).

Install
npx -y skills add sordi-ai/skill-everything --skill drawio

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 17 stars17 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Apply when creating or reviewing architecture diagrams, Mermaid diagrams, or draw.io files.

The file declares its own license as MIT. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.

SKILL.md

2.4 KB, as published. Nobody here has run it

Sub-Skill: Diagrams (draw.io / Mermaid)

Purpose: Ensure diagrams are version-controlled as source, rendered consistently, and kept in sync with the system they describe.


Rules

Source Control

  1. Commit source, not just exports. Always commit diagram source files (.drawio, .mmd, .puml) alongside or instead of rendered image exports. Reference: ERR-2026-027
  2. No binary-only diagrams. Never commit only a PNG or SVG export without the editable source; reviewers cannot diff or modify a raster image.
  3. One source file per diagram. Use a single canonical source file per diagram; avoid duplicating the same diagram in multiple formats.

Format Selection

  1. Prefer diagram-as-code. Prefer Mermaid or PlantUML over draw.io XML when the diagram fits a supported diagram type; text diffs are reviewable.
  2. Match diagram type to content. Use sequenceDiagram for request flows, flowchart for decision logic, C4Context/C4Container for architecture, erDiagram for data models.
  3. Set layout direction explicitly. Always declare layout direction (LR, TD) in Mermaid flowcharts; never rely on the default, which varies by renderer.

Rendering Pipeline

  1. Document the render command. Always include the render command or CI step in the repo README or Makefile so any contributor can regenerate exports.
  2. Regenerate exports in CI. Ensure CI regenerates diagram exports from source and fails if the committed export differs from the generated one.
  3. Pin renderer version. Always pin the Mermaid CLI or draw.io CLI version in CI to prevent silent rendering changes across upgrades.

Quality & Consistency

  1. Use consistent node naming. Always use the same label for the same system component across all diagrams in the repo; divergent names cause confusion.
  2. Add alt text to exported images. Always add descriptive alt text to diagram images embedded in documentation for accessibility.
  3. Review diagrams in PRs. Before merging, verify that any diagram change accurately reflects the system change described in the PR.

See also

  • skills/svg-check/SKILL.md
  • skills/error-log/SKILL.md

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.