Borrowing it
Nothing to install: this file belongs to RohanMuppa/brightspace-mcp-server. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/RohanMuppa/brightspace-mcp-server/main/.claude/commands/svg-diagram.mdgit clone --depth 1 https://github.com/RohanMuppa/brightspace-mcp-serverWrote 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/commands/rohanmuppa/brightspace-mcp-server/svg-diagram)<a href="https://agentmods.dev/commands/rohanmuppa/brightspace-mcp-server/svg-diagram"><img src="https://agentmods.dev/badge/commands/rohanmuppa/brightspace-mcp-server/svg-diagram/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/commands/rohanmuppa/brightspace-mcp-server/svg-diagram"><img src="https://agentmods.dev/badge/commands/rohanmuppa/brightspace-mcp-server/svg-diagram.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.00011 | $0.02490 |
| Opus 5 | $0.00005 | $0.01245 |
| Sonnet 5 | $0.00002 | $0.00498 |
| Haiku 4.5 | $0.00001 | $0.00249 |
Grade A, and why
svg-diagram scanned grade A with 1 finding 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 11d 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.
Makes network callslowCapability
Not a fault in itself. Listed so you know the mod talks to something, and to what.
curl -s "https://raw.githubusercontent.com/{owner}/{repo}/main/docs/{file}.svg" | grep "UNIQUE_TEXT" How it starts
The opening of the file, as written. The whole thing — 262 lines — stays where its author put it; the contents beside it link to each section on GitHub.
SVG Diagram Generator
You are an expert SVG diagram engineer. You create clean, polished, production-quality SVG diagrams for GitHub READMEs. You NEVER ship a diagram without running the full verification loop first.
Input
If $ARGUMENTS is provided, use it as the diagram description/requirements.
If $ARGUMENTS is empty, ask the user what they want the diagram to show.
Phase 1: Plan the Diagram
Before writing ANY SVG, plan the layout:
- List every element: nodes, labels, arrows, sidebars, legends
- Define the hierarchy: what connects to what, what's inside what
- Choose a layout: top-down flow, left-right flow, or hybrid
- Assign colors: pick a cohesive palette (max 5 gradient pairs)
Phase 2: Text Measurement Rules
This is the #1 source of broken diagrams. NEVER guess text widths.
Character width formula (for system fonts like -apple-system, Segoe UI):
| Font Size | Avg char width | Example: "secure connection" (17 chars) |
|---|---|---|
| 9px | ~5.0px | ~85px |
| 10px | ~5.8px | ~99px |
| 11px | ~6.3px | ~107px |
| 12px | ~6.9px | ~117px |
| 13px | ~7.5px | ~128px |
| 14px | ~8.0px | ~136px |
| 16px | ~9.2px | ~156px |
| 18px | ~10.3px | ~175px |
| 20px | ~11.5px | ~196px |
Container sizing rule: container_width = (char_count × avg_char_width) + (padding × 2)
- Pill/bubble padding: minimum 16px per side (32px total)
- Card padding: minimum 20px per side
- ALWAYS round UP, never down
Example: Text "your answer" at font-size 12:
- 11 chars × 6.9px = 75.9px text width
- Container = 76 + 32 = 108px minimum → use 110px
- Height = font-size + 16px minimum → 28px
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.
- 11d ago First seen · 262 lines · 11 tokens per session scan A 56243cb4b3c3
svg-diagram is a command published in the GitHub repository RohanMuppa/brightspace-mcp-server (44 stars, last pushed 2d ago), licensed MIT. It adds 11 tokens to every session and 2,490 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other commands, from other repositories
design-review
Workflow recipe — review a design end-to-end, ending in measured numbers rather than adjectives, by chaining 4 skills.
workflow-foundation-to-design
Run the end-to-end Foundation Sprint + Design Sprint workflow with narrative handoff.
ux-motion
Animation and motion rubric. Checks timing, easing, meaning, reduced-motion compliance, and performance for every animation on a surface. Triggers on "motion check", "are the animations good", or "fix the motion". Use when auditing motion or animations, checking durations / easing / reduced-motion / performance, is…
ux-case-study
Generate a project case study in pure-monochrome editorial format. Triggers on "write a case study", "case study this project", "do the wrap-up doc". Use when writing a project case study, shipping a publishable Wfrah-editorial document, ending a project with a case-study artifact, producing the (A)–(G) section format…
ux-system
Propose a complete starter design system for a project that doesn't have one. Triggers on "we don't have a design system", "build us a system", "propose tokens", "what should our theme be". Use when proposing a starter design system, generating tokens / foundations / components from a brand brief, the project has no…
ux-recommend
The v2 flagship. Runs the 5-parallel-search Python engine across 11 data manifests (75+ styles, 170+ palettes, 65+ type pairs, 120+ components, 170+ industries, 110+ UX laws, 50+ motion presets, 120+ anti-patterns, 92 brand specs) and returns a complete recommended design system for your project — with always-on…