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 LFTPadilla/agent-dev-kit --skill diagram-rendergit clone --depth 1 https://github.com/LFTPadilla/agent-dev-kitWrote 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/lftpadilla/agent-dev-kit/diagram-render)<a href="https://agentmods.dev/skills/lftpadilla/agent-dev-kit/diagram-render"><img src="https://agentmods.dev/badge/skills/lftpadilla/agent-dev-kit/diagram-render/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/lftpadilla/agent-dev-kit/diagram-render"><img src="https://agentmods.dev/badge/skills/lftpadilla/agent-dev-kit/diagram-render.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.00082 | $0.00589 |
| Opus 5.5 | $0.00033 | $0.00236 |
| Sonnet 5.5 | $0.00016 | $0.00118 |
| Haiku 4.5 | $0.00008 | $0.00059 |
Grade A, and why
diagram-render 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 1mo 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.
What it actually says
Diagram Render 🔧
Renders network diagrams, flowcharts, and infrastructure visualizations as PNG images using SVG + sharp.
Location
The render script lives in the same skill folder as this SKILL.md:
<skill_folder>/
├── SKILL.md
└── scripts/
└── diagram-render.js
When to Use
- User asks to "make a diagram", "render this network", "show infrastructure as image"
- System architecture, network topology, or flowchart needs to be visualized
- Infrastructure documentation that would look better as an image than ASCII art
How It Works
The script takes two arguments:
--nodes— newline-separated node definitions:ID|LABEL|TYPE|COL|ROW--conns— newline-separated connections:FROM|TO|LABEL|COLOR--title— diagram title
Node types: lan, cloud, cluster, server, vm, pbs, tailscale
Colors: hex color like #E74C3C for red, #27AE60 for green, etc.
Example
node <skill_folder>/scripts/diagram-render.js \
--nodes 'LAN|Local Network|lan|0|0
host-a|Server A|server|1|0
host-b|Server B|server|2|0
store|Backup Store|pbs|3|0
worker-1|VM Worker-1|vm|1|1
worker-2|VM Worker-2|vm|1|2' \
--conns 'LAN|host-a|SSH|#E74C3C
LAN|host-b|SSH|#E74C3C
host-a|host-b|Cluster LAN|#9B59B6
host-b|store|Backup|#E74C3C' \
--title 'Example Cluster + Backup Store'
Output: JSON with svg and png paths.
Workflow
- Parse the user's diagram request
- Define nodes (servers, VMs, networks) and connections
- Run the script → gets SVG + PNG paths
- Send image via message tool:
action=send, path=<png_path> - Plain text explanation after the image
What ships with it
2 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.
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.
- 1mo ago First seen · 63 lines · 82 tokens per session scan A af0dba9bf353
diagram-render is a skill published in the GitHub repository LFTPadilla/agent-dev-kit (2 stars, last pushed 27d ago), licensed MIT. It adds 82 tokens to every session and 589 once invoked, about $0.0003 per session on Opus 5.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-31.
Other skills, from other repositories
pr-lens
Draw code changes as animated architecture/data-flow SVGs.
pr-screenshot-comparison
Create clear, polished before-and-after screenshots from the actual running product for a GitHub pull request. Use when a UI change needs visual proof: capture matching product states, crop to the relevant UI, stitch and caption one comparison image, attach it natively to the PR, and keep the image out of the…
star-chamber
Multi-LLM craftsmanship council with live progress and debate mode for code review and design questions.
coding-standards
Applies language-neutral engineering standards when writing or reviewing code, especially around boundaries, failures, domain models, dependencies, tests, and type safety.
unmachined
Finds and removes AI slop from prose, UX copy, and web interfaces. Use when writing, auditing, or revising articles, posts, READMEs, marketing copy, UI copy, layouts, or frontend code that must not feel AI-generated; when the user says unmachined, de-slop, AI slop, anti-slop, humanize, make this human, sounds like AI…
critic
The Critic reviews accessibility decisions to ensure they meet professional standards and evidence requirements.