svg-diagram
svg-diagram is an agent skill that teaches a coding agent a consistent house style for hand-placed SVG diagrams, architecture, flowchart, sequence, data-flow and lifecycle diagrams, checked by a zero-dependency linter.
svg-diagram gives a coding agent the layout arithmetic and color system for drawing SVG diagrams by hand, plus a linter that checks the result against that house style. It installs into the skill directory of whichever supported agent it detects, including Claude Code, Codex, Cursor, Gemini CLI, Copilot, opencode, Antigravity, Pi, Windsurf, Continue, Roo, Goose, Kiro, Trae and dozens of other tools, each into that tool's own path.
Once installed, a user asks for a diagram in a normal session and the agent announces that it is using the skill; the bundled linter has no dependencies of its own and can also be run directly against any SVG file from the command line. The skill's own gallery includes ten example diagrams, each demonstrating one specific layout rule, such as how two systems' loading sequences connect or how a self-call's arrowhead should close.
It is written in JavaScript.