Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add ferdinandobons/diagram-creator-skill --skill diagram-creatorgit clone --depth 1 https://github.com/ferdinandobons/diagram-creator-skillWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/ferdinandobons/diagram-creator-skill/diagram-creator)<a href="https://agentmods.dev/skills/ferdinandobons/diagram-creator-skill/diagram-creator"><img src="https://agentmods.dev/badge/skills/ferdinandobons/diagram-creator-skill/diagram-creator/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/ferdinandobons/diagram-creator-skill/diagram-creator"><img src="https://agentmods.dev/badge/skills/ferdinandobons/diagram-creator-skill/diagram-creator.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00191 | $0.02504 |
| Opus 5 | $0.00096 | $0.01252 |
| Sonnet 5 | $0.00038 | $0.00501 |
| Haiku 4.5 | $0.00019 | $0.00250 |
Grade A, and why
diagram-creator scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 12d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 158 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Diagram Creator
Generate stunning, self-contained HTML diagrams with professional typography, smooth animations, and an infinite canvas you can pan and zoom like Miro. Output is always a single .html file that opens directly in any browser — zero dependencies. Supports 5 themes and 8 topology layouts.
Input Handling
Accept any of these inputs and auto-process them:
| Input type | How to handle |
|---|---|
| Topic/description | "Docker networking", "OAuth 2.0 flow" — use directly |
| Markdown (.md, .mdx) | Extract structure from headings, lists, tables, relationships |
| JSON / YAML (.json, .yaml, .yml, .jsonl) | Parse structure — keys become nodes, nesting becomes layers |
| Code files (.py, .ts, .js, .go, .rs, .java, .rb, .php, .swift, .kt, .c, .cpp, .cs, .scala, etc.) | Extract classes, functions, imports, inheritance — diagram the architecture |
| Config / Infra (.toml, .ini, .env, .tf, .hcl, Dockerfile, docker-compose.yml, Makefile, nginx.conf) | Map services, variables, dependencies, infrastructure |
| API specs (.openapi.yaml, .swagger.json, .graphql, .proto) | Extract endpoints, types, service relationships |
| Database schemas (.sql, .prisma, .dbml) | Map tables, columns, foreign keys, relationships |
| CI/CD pipelines (.github/workflows/*.yml, .gitlab-ci.yml, Jenkinsfile) | Visualize pipeline stages and deployment flows |
| Data files (.csv, .tsv) | Identify columns as entities, rows as relationships |
| Microsoft Office (.xlsx, .xls, .docx, .doc, .pptx, .ppt) | Extract tables, headings, slide structure, org charts, SmartArt |
| Package manifests (package.json, requirements.txt, Cargo.toml, go.mod, pom.xml) | Map dependency trees |
| Existing diagrams (.drawio, .puml, .mermaid) | Read spec and re-render with this design system |
| PDF / Docs (.pdf, .txt, .rst, .adoc) | Read content, extract core structure |
| Notebooks (.ipynb) | Extract code cells, data flow, library dependencies |
If it's a file, this skill can diagram it. For formats not listed, read the content and extract whatever structure exists.
What ships with it
12 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- examples/kubernetes-networking.md 1022 B
- examples/oauth2-flow.md 804 B
- examples/output/diagram-kubernetes-networking.html 16 KB
- examples/output/diagram-oauth2-flow.html 12 KB
- examples/output/diagram-saas-microservices.html 15 KB
- examples/saas-microservices.md 1001 B
- references/canvas.md 6.8 KB
- references/components.md 3.5 KB
- references/safety-rules.md 3.0 KB
- references/themes.md 4.0 KB
- references/topology-layouts.md 13 KB
- references/typography-and-colors.md 2.3 KB
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 12d ago First seen · 158 lines · 191 tokens per session scan A 555b71416433
diagram-creator is a skill published in the GitHub repository ferdinandobons/diagram-creator-skill (16 stars, last pushed 6mo ago), licensed MIT. It adds 191 tokens to every session and 2,504 once invoked, about $0.0010 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
architecture-diagram
Dark-themed SVG architecture/cloud/infra diagrams as HTML.
create-diagram
Create architecture diagrams from a local codebase or system description. Use when the user asks to diagram a repo, map system architecture, show component relationships, create drill-down views, or explain a system visually with tld.
aceternity-ui
100+ animated React components (Aceternity UI) for Next.js with Tailwind. Use for hero sections, parallax, 3D effects, or encountering animation, shadcn CLI integration errors.
base-ui-react
MUI Base UI unstyled React components with Floating UI. Use for accessible components, Radix UI migration, render props API, or encountering positioning, popup, v1.0 rc / pre-GA issues.
aws-architecture-diagram
AWS architecture diagrams — generate visual network topology diagrams from live AWS infrastructure. Use when drawing AWS network diagrams, visualizing VPCs, mapping Transit Gateway topology, or generating architecture documentation.
fin-arch-diagram
A tool for creating architecture diagrams, process flowcharts, and hierarchy trees. These show how system parts, business steps, decisions, or organizational levels relate to one another.