Use when creating source-grounded branded diagrams with cathrynlavery/diagram-design: run its offline preflight, choose a semantic pattern and visual type, author self-contained HTML with inline SVG, verify accessibility and geometry, open or screenshot local output when a browser is available, export manually to SVG or PNG, import and redraw Mermaid, draw.io, or Excalidraw content, and adapt the style guide to approved brand tokens. Keep static output, local paths, and font/network boundaries…
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
# Diagram Design operator
## When to use this skill
Use this skill for branded architecture, process, data, chart, lifecycle, topology, or editorial diagrams where a reader learns more from a visual than prose. It governs type selection, semantic patterns, source imports, self-contained HTML/SVG authoring, local verification, manual export, and approved brand-token adaptation.
Route editable `.drawio` authoring or draw.io CLI export to `drawio`; route publication-quality academic figures to `paperbanana`; route slide-deck work to `slides-grab` or `presentation-builder`.
## Instructions
1. **Run the offline gate first.** From the catalog root run `python3 .agent-skills/diagram-design/scripts/preflight.py --json`; from an installed skill root run `python3 "$SKILLS_ROOT/diagram-design/scripts/preflight.py" --json`. When auditing a supplied checkout add `--repo PATH --expect-commit f2f4d49ea8d632f17cf196ba26599277a93f767b`. The helper is read-only, never runs upstream tools, never reads secrets, and never uses the network.
…
The line at the top of this page pins the label v1.0.0, 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.
GET https://markdownregistry.com/api/v1/artifacts/art_ribx7suly7vnsqvo
GET https://markdownregistry.com/api/v1/resolve?ref=akillness/jeo-skills/diagram-design
GET https://markdownregistry.com/api/v1/blob/eefd73a44a3efa0aad27d0519cfe0dcc4bf98c1dffbe825d63fef411a148b235
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.
akillness/jeo-skills · .agent-skills/a2a-protocol/SKILL.md · Agent-to-Agent horizontal messaging — Linux Foundation AAIF 2026 standard. Use when multiple agents across…
akillness/jeo-skills · .agent-skills/academic-research/SKILL.md · Full academic research pipeline from discovery to publication — 4 reference pipelines, 27 modes, 39-agent ensemble…
akillness/jeo-skills · .agent-skills/agent-beacon/SKILL.md · Operate Asymptote-Labs/agent-beacon, the cross-harness coding-agent session history and self-improving memory layer…
akillness/jeo-skills · .agent-skills/agent-observability/SKILL.md · Instrument LLM agents with traces, metrics, and replay. Use when an agent in production is silently failing…
akillness/jeo-skills · .agent-skills/agent-principles/SKILL.md · Core principles for collaborative development with AI agents. Defines divide-and-conquer, context management…
akillness/jeo-skills · .agent-skills/agent-pulse/SKILL.md · Operate and extend barretlee/agent-pulse, the evidence-backed AI industry intelligence system: inspect source catalog…
vecnode/vn-code · packages/dsh-diagrams/skills/diagram-design/SKILL.md · Author an editorial HTML+SVG diagram with the Diagram Design kit - choose the visual type, read its reference, start…
vecnode/vncode · packages/dsh-diagrams/skills/diagram-design/SKILL.md · Author an editorial HTML+SVG diagram with the Diagram Design kit - choose the visual type, read its reference, start…
dannykkh/skill-olympus · skills/diagram-design/SKILL.md · 에디토리얼 품질 다이어그램 표현 계층. 파이프라인 .mmd(flowchart/sequence/state/ER) 또는 자연어 설명을 브랜드 토큰 기반 self-contained HTML + inline SVG로…
coolxeo/grok-bot-skills · skills/design/diagram-design/SKILL.md · use this when creating explainer diagrams (architecture, sequence, process, cards for posts) as HTML/SVG/PNG so they…
