DEDUPEDWhat do you want to do?
3 use cases
-
Draw a flowchart or architecture diagram as lint-clean SVG
Have your agent hand-place an SVG diagram in the house style and confirm it with svg-lint.
View prompt
Using the svg-diagram skill from bybit-exchange/svg-diagram, draw an architecture diagram of <system> as diagram.svg. Run node tools/svg-lint/bin/svg-lint.mjs diagram.svg and fix every finding until it reports 0 errors and 0 warnings.
-
Lint an existing SVG and read findings as JSON
Run svg-lint on a diagram and get each violation with its check id and repair line.
View prompt
In the svg-diagram repo, run node tools/svg-lint/bin/svg-lint.mjs <path/to/file.svg> --json and list each finding's check id and repair line. Confirm the file reports 0 errors and 0 warnings before calling it clean.
-
Draw a sequence or data-flow diagram with CJK labels
Get an agent to size Chinese, Japanese or Korean labels correctly so text stays inside its boxes.
View prompt
Using the svg-diagram skill from bybit-exchange/svg-diagram, draw a sequence diagram of <process> with CJK labels in diagram.svg, sizing each label from the CJK width table. Run the linter and confirm 0 errors and 0 warnings, with no text overflow findings.
How to use SVG Diagram
- Check you have what it needs: Node.js, since svg-lint is plain Node with no packages; A coding agent that loads skills, such as Claude Code, Codex, Cursor or Gemini CLI; npx, to run the skills install command.
- Open bybit-exchange/svg-diagram on GitHub and read the README and license.
- Run
npx skills add bybit-exchange/svg-diagram -gto install the skill for your agents. - Start a new session and ask your agent for a diagram of your system, confirming it announces it is using SVG Diagram.
- Run
node ~/.claude/skills/svg-diagram/tools/svg-lint/bin/svg-lint.mjs diagram.svg(this path applies to a Claude Code install). - Fix each finding using its repair line, then rerun the linter until the output shows 0 errors, 0 warnings.
These steps come from our top use case, Draw a flowchart or architecture diagram as lint-clean SVG, which also has a copy-paste agent prompt.
Get 5 new use cases every morning. Free, one short email, unsubscribe anytime.
Get them freeSVG Diagram alternatives · Best AI repos for Software and DevOps
About this repo
- Who it is forDevelopers and technical writers who need SVG diagrams drawn by an agent in one consistent, lint-checked style.
- Why it is hot
- LanguageJavaScript
- Sourcegithub.com/bybit-exchange/svg-diagram · Back to Hot repos
Requirements
- Node.js, since svg-lint is plain Node with no packages
- A coding agent that loads skills, such as Claude Code, Codex, Cursor or Gemini CLI
- npx, to run the skills install command
Maintain SVG Diagram? Add the Featured on Deduped badge
Paste this into your README:
[](https://dedupedai.com/use-cases/bybit-exchange-svg-diagram/?ref=badge)
Questions about SVG Diagram
What is SVG Diagram?
A house style and zero-dependency linter that lets a coding agent hand-place SVG diagrams and check them against fixed layout, font, colour and arrow rules. It is an open-source project on GitHub: https://github.com/bybit-exchange/svg-diagram.
Who is SVG Diagram for?
Developers and technical writers who need SVG diagrams drawn by an agent in one consistent, lint-checked style.
What can I do with SVG Diagram?
3 use cases so far, for example: Draw a flowchart or architecture diagram as lint-clean SVG; Lint an existing SVG and read findings as JSON; Draw a sequence or data-flow diagram with CJK labels. Each has steps and a copy-paste agent prompt.
What do I need to run SVG Diagram?
Node.js, since svg-lint is plain Node with no packages; A coding agent that loads skills, such as Claude Code, Codex, Cursor or Gemini CLI; npx, to run the skills install command.
What are alternatives to SVG Diagram?
Other hot AI repos in Software and DevOps: Harness2, iFixAi, Orca, Diagram Design, AI Memory.
Is SVG Diagram safe to run?
Deduped does not own, audit or vouch for it. Read the README and license, run it on your own systems first and review every command before you run it.