draw-diagram SKILL.md skillA

draw-diagram from smileynet/teach-me is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add smileynet/teach-me/draw-diagram@git:20260809.914b476

Pins git:20260809.914b476 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
smileynet/teach-me
Path
.kiro/skills/draw-diagram/SKILL.md
Versions recorded
4
Latest version
git:20260809.914b476, committed Aug 9, 2026
First version recorded
Aug 6, 2026
Size
7,403 bytes
Repository stars
3
License
MIT

Generate inline SVG teaching diagrams using tools/draw-diagram.py. Use when creating architecture stacks, data flows, or hub-and-spoke diagrams for lessons. Trigger: draw diagram, generate SVG, architecture diagram, flow diagram, visual for lesson.

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 Diagram

Generate teaching diagrams as inline SVG via `tools/draw-diagram.py`. Output goes to stdout — paste directly into lesson HTML.

## Prerequisites

```bash
mise run setup  # installs drawsvg via uv
```

## Commands

### Layered Stack (architecture layers, top-to-bottom)

```bash
python tools/draw-diagram.py --type stack --data '{
  "layers": [
    {"label": "AWS Glue Catalog", "color": "blue"},
    {"label": "Metadata (JSON)", "color": "amber", "subtitle": "schema + snapshots"},
    {"label": "Data Files (Parquet)", "color": "green"}
  ],
  "arrows": ["points to", "lists files"]
}'
```

### Left-to-Right Flow (pipelines, sequences)

```bash
python tools/draw-diagram.py --type flow --data '{
  "nodes": [
    {"label": "Producers", "color": "blue"},
    {"label": "Glue ETL", "color": "amber"},
    {"label": "Iceberg Table", "color": "green"},
    {"label": "Athena", "color": "blue"}
  ],
  "arrows": ["raw events", "write Parquet", "query"]
}'
```

### Hub-and-Spoke (central service + connections)

```bash
python tools/draw-diagram.py --type hub --data '{
  "center": {"label": "Glue Catalog", "color": "blue"},
  "spokes": [
    {"label": "Athena", "color": "gray"},
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add smileynet/teach-me/draw-diagram@sha256:efc717f5d3cae884

The line at the top of this page pins the label git:20260809.914b476, 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_5o73j2svttc67xgx.svg)](https://markdownregistry.com/a/art_5o73j2svttc67xgx)

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

Versions

The registry has recorded 4 versions of this file, between Aug 6, 2026 and Aug 9, 2026, more than one a day.

versioncommittedcommitsizeaudit
git:20260809.914b476 latest2026-08-09 914b476 7,403 BA view · diff
git:20260808.808429a2026-08-08 808429a 4,107 BA view · diff
git:20260807.4b618c32026-08-07 4b618c3 4,107 BA view · diff
git:20260806.62d2a952026-08-06 62d2a95 2,912 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 (7403 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

smileynet/teach-me · 3 stars · license MIT · pushed 2026-09-25 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_5o73j2svttc67xgx
GET https://markdownregistry.com/api/v1/resolve?ref=smileynet/teach-me/draw-diagram
GET https://markdownregistry.com/api/v1/blob/efc717f5d3cae884e59a5a96610c813462e58e99060fe8df5e96339abcdf590d

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 smileynet/teach-me

asset-conversion SKILL.md skill
smileynet/teach-me · .kiro/skills/asset-conversion/SKILL.md · Convert 3D assets between formats to produce lesson artifacts — derive an editable .blend from glb/fbx/obj, and export…
git:20260908.36247a4 · audit A · 3 stars
browse-and-verify SKILL.md skill
smileynet/teach-me · .kiro/skills/browse-and-verify/SKILL.md · Browse a URL with Playwright to validate links, find page sections, and extract content for quiz sources. Trigger…
git:20260808.d69b7a7 · audit A · 3 stars
generate-topic SKILL.md skill
smileynet/teach-me · .kiro/skills/generate-topic/SKILL.md · Generate a complete topic: research → lesson → post-process → verify. Fans out subagents for research and verification…
git:20260830.d17fe10 · audit A · 3 stars
godot-validation SKILL.md skill
smileynet/teach-me · .kiro/skills/godot-validation/SKILL.md · Validate shaders and capture visual A/B proof in the Godot test-scene project. Trigger: visual validation, shader…
git:20260908.36247a4 · audit A · 3 stars
jargon SKILL.md skill
smileynet/teach-me · .kiro/skills/jargon/SKILL.md · Review a lesson and annotate domain-specific jargon with tooltip definitions. Runs after content is written. Trigger…
git:20260917.3c3b555 · audit B · 3 stars
lesson-validation SKILL.md skill
smileynet/teach-me · .kiro/skills/lesson-validation/SKILL.md · Validate a lesson against all quality guidelines — code block metadata, narrative framing, downloadable files, SVG…
git:20260822.82d1c22 · audit A · 3 stars
quiz-me SKILL.md skill
smileynet/teach-me · .kiro/skills/quiz-me/SKILL.md · Test my retention — quiz me on what I've learned so far. Trigger: quiz me, test me, check my understanding, what have I…
git:20260917.3c3b555 · audit A · 3 stars
serve-workspace SKILL.md skill
smileynet/teach-me · .kiro/skills/serve-workspace/SKILL.md · Run and manage teach-me's serve.py — start ONE server in the background (LAN-ready), poll readiness, hit the /api/map…
git:20260830.8d6bf5c · audit B · 3 stars
teach SKILL.md skill
smileynet/teach-me · .kiro/skills/teach/SKILL.md · Teach the user a new skill or concept over multiple sessions, using the current directory as a stateful teaching…
git:20260918.d21871d · audit A · 3 stars
theme SKILL.md skill
smileynet/teach-me · .kiro/skills/theme/SKILL.md · Preview, validate, and apply color palettes. Use when changing colors, testing dark/light mode, or evaluating a new…
git:20260809.db5dbbd · audit A · 3 stars
visual-qa SKILL.md skill
smileynet/teach-me · .kiro/skills/visual-qa/SKILL.md · Run visual QA on lesson pages — exercise interactive components, capture screenshots, report findings. Use after UI…
git:20260831.08b6903 · audit A · 3 stars
wait-what SKILL.md skill
smileynet/teach-me · .kiro/skills/wait-what/SKILL.md · Stop. That last message did not land — re-pitch it. Trigger: wait what, I don't understand, lost me, what do you mean…
git:20260806.06a75c8 · audit A · 3 stars

Every file in smileynet/teach-me

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