diagram-design SKILL.md skillA

diagram-design from coolxeo/grok-bot-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add coolxeo/grok-bot-skills/diagram-design@git:20261010.3ba1fbe

Pins git:20261010.3ba1fbe in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
coolxeo/grok-bot-skills
Path
skills/design/diagram-design/SKILL.md
Versions recorded
4
Latest version
git:20261010.3ba1fbe, committed Oct 10, 2026
First version recorded
Sep 13, 2026
Size
2,122 bytes
Repository stars
7
License
MIT

use this when creating explainer diagrams (architecture, sequence, process, cards for posts) as HTML/SVG/PNG so they are branded and not ranking-dashboard slop.

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

Based on [cathrynlavery/diagram-design](https://github.com/cathrynlavery/diagram-design) (skills.sh). This skill requires the upstream pack and its reference files. Locate its installed directory in your environment. If it is missing, ask the user to install it before continuing. Read its `SKILL.md` and the matching `references/type-*.md` before drawing. Resolve all reference paths below from that directory.

Use this for explainer diagrams (architecture, sequence, process, layer stack, loop, and the other types in that pack) as standalone HTML/SVG/PNG. Not for a paragraph that already does the job, not for a 3-column table, not for one-shape "diagrams."

## Philosophy

The highest-quality move is deletion. Every node is a distinct idea. Target density 4/10. Above 9 nodes, split into two diagrams. One focal accent, not a traffic light.

## Do not ship these

- Ranking dashboards, two-column scorecards, or three equal summary cards as the default
- Dark mode + cyan/purple glow
- Tiny type
- Shadows; borders instead
- Accent on every "important" node (1–2 max)
- Identical boxes for every node
- Reproducing Mermaid's automatic layout

## Before you draw
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add coolxeo/grok-bot-skills/diagram-design@sha256:9f6b6f1be854cd39

The line at the top of this page pins the label git:20261010.3ba1fbe, 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_rqnfcnooi737upoq.svg)](https://markdownregistry.com/a/art_rqnfcnooi737upoq)

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

Versions

The registry has recorded 4 versions of this file, between Sep 13, 2026 and Oct 10, 2026, about one every 9 days.

versioncommittedcommitsizeaudit
git:20261010.3ba1fbe latest2026-10-10 3ba1fbe 2,122 BA view · diff
git:20260917.c6ed2fc2026-09-17 c6ed2fc 2,122 BA view · diff
git:20260917.21999ca2026-09-17 21999ca 1,967 BA view · diff
git:20260913.35a88782026-09-13 35a8878 1,923 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 (2122 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

coolxeo/grok-bot-skills · 7 stars · license MIT · pushed 2026-10-12 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_rqnfcnooi737upoq
GET https://markdownregistry.com/api/v1/resolve?ref=coolxeo/grok-bot-skills/diagram-design
GET https://markdownregistry.com/api/v1/blob/9f6b6f1be854cd39d259bad92408dca3fa5ec471cc3bce44440ba0592c21748d

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 coolxeo/grok-bot-skills

design-a-grok-bot SKILL.md skill
coolxeo/grok-bot-skills · skills/bots/design-a-grok-bot/SKILL.md · Use this when designing or creating a new Grok Bot. Ask a few preference questions, write a tight persona, CreateAgent…
git:20261010.3ba1fbe · audit A · 7 stars
overheard-setup SKILL.md skill
coolxeo/grok-bot-skills · skills/bots/overheard-setup/SKILL.md · First-run watch-list interview. Also use when the user wants to reconfigure names, brands, URLs, or sources.
git:20260917.c6ed2fc · audit A · 7 stars
overheard SKILL.md skill
coolxeo/grok-bot-skills · skills/bots/overheard/SKILL.md · Core instructions on every turn: voice, first-run interview, day-two starter menu, sources, digests, anti-jobs.
git:20260917.c6ed2fc · audit A · 7 stars
routine-healthcheck SKILL.md skill
coolxeo/grok-bot-skills · skills/bots/routine-healthcheck/SKILL.md · Use when auditing Grok Bot routines for token waste, offering a fleet checkup after template import, deciding cadence…
git:20261010.3ba1fbe · audit A · 7 stars
transcript-healthcheck SKILL.md skill
coolxeo/grok-bot-skills · skills/bots/transcript-healthcheck/SKILL.md · Use when auditing Grok Bot fleet transcripts for user friction, proposing new skills/bots/routines from repeated…
git:20261010.3ba1fbe · audit A · 7 stars
engineering-playbook SKILL.md skill
coolxeo/grok-bot-skills · skills/engineering/engineering-playbook/SKILL.md · Standing principles for delegating code to cloud agents and supervising PRs to merge. Use on every ship or watch.
git:20261010.3ba1fbe · audit A · 7 stars
show-me SKILL.md skill
coolxeo/grok-bot-skills · skills/engineering/show-me/SKILL.md · use this when opening or rewriting a pull request description, or when the user needs a visual explanation of code…
git:20260917.c6ed2fc · audit A · 7 stars
chatgpt-images-browser-playbook SKILL.md skill
coolxeo/grok-bot-skills · skills/images/chatgpt-images-browser-playbook/SKILL.md · Use when generating stills on chatgpt.com with a signed-in browser session — Images UI only, one still per dispatch, no…
git:20261010.3ba1fbe · audit A · 7 stars
aeo-geo-site SKILL.md skill
coolxeo/grok-bot-skills · skills/seo/aeo-geo-site/SKILL.md · use this when building or updating a website for SEO plus AEO/GEO (AI assistants, ChatGPT, Copilot, Gemini) so pages…
git:20261011.b955617 · audit A · 7 stars
exact-match-intent-seo SKILL.md skill
coolxeo/grok-bot-skills · skills/seo/exact-match-intent-seo/SKILL.md · use this when choosing domains, URL slugs, titles, or H1s for SEO — Exact Match Domain (EMD) lessons and the safer…
git:20261011.b955617 · audit A · 7 stars
coach SKILL.md skill
coolxeo/grok-bot-skills · skills/writing/coach/SKILL.md · Use this when a draft needs a structural read before line-edit — thesis, arc, and teach test first, style second.
git:20261010.3ba1fbe · audit A · 7 stars
draft SKILL.md skill
coolxeo/grok-bot-skills · skills/writing/draft/SKILL.md · Use this when writing or expanding an article section by section. Never generate a full article in one shot.
git:20261010.3ba1fbe · audit A · 7 stars

Every file in coolxeo/grok-bot-skills

Other files named diagram-design

diagram-design SKILL.md skill
cathrynlavery/diagram-design · skills/diagram-design/SKILL.md · Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model…
v2.6 · audit A · 59,416 stars
diagram-design SKILL.md skill
anbeime/skill · skills/diagram-design/skills/diagram-design/SKILL.md · Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model…
v2.6 · audit A · 8,527 stars
diagram-design SKILL.md skill
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…
git:20261011.90817e1 · audit B · 10 stars
diagram-design SKILL.md skill
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…
git:20261011.90817e1 · audit B · 10 stars
diagram-design SKILL.md skill
vanducng/skills · skills/diagram-design/SKILL.md · Create polished, accessible, self-contained HTML/SVG diagrams for architecture, deployment, dependency graphs…
v1.1.0 · audit A · 8 stars
diagram-design SKILL.md skill
dannykkh/skill-olympus · skills/diagram-design/SKILL.md · 에디토리얼 품질 다이어그램 표현 계층. 파이프라인 .mmd(flowchart/sequence/state/ER) 또는 자연어 설명을 브랜드 토큰 기반 self-contained HTML + inline SVG로…
git:20260901.8bc747e · audit A · 7 stars
diagram-design SKILL.md skill
jzkk720/cubecloud-skills-bundle-kit · upstream/diagram-design/SKILL.md · Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane…
v2.5 · audit A · 4 stars

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