Added Nov 3, 2026
svg-diagram
A house style for SVG diagrams your agent can follow, with layout and color rules plus a linter that checks the result.
- Ecosystem
- Agent Skills
- Skill category
- Design
- Creator / organization
- Bybit Exchange(GitHub 组织 bybit-exchange)
What it is
svg-diagram is an SVG diagram Skill published by the bybit-exchange organization on GitHub. In the README's words, it's a house style for hand-written SVG diagrams your agent can follow: the layout arithmetic, the color system, and a zero-dependency linter that proves the agent did.
The rules live in SKILL.md, and the linter reads the SVG you point it at and reports what breaks the rules, so the agent can fix it. The README lists many clients, including Claude Code, Codex, Cursor, Gemini CLI, Copilot, opencode, Antigravity and Pi. On Claude's web app you can upload the Skill text, but the local Node linter won't run there.
Who it's for:Developers and doc writers who often ask AI for flowcharts or architecture diagrams and want them to look consistent.
Before you start: Install globally or per project with npx skills add, or just save SKILL.md. The linter needs Node; the Markdown rules alone don't. The curl command in the README only downloads a file; it doesn't run a remote script. Installing pulls from GitHub and npm and writes into your agent's Skills folder. Host AI costs are separate. MIT license. English only.
Based on the project's public documentation. Not tested by AI Inspiration World.