Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
This skill establishes a consistent house style for SVG figures, blending a technical aesthetic with typography optimized for CJK characters. It provides the conventions necessary to generate structured system designs and data flows that integrate directly into technical documentation.
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Follow the documented setup, then try a first task.
I’m using
Global installation through a coding agent
Installs: Global installation of the svg-diagram repository-root bundle, including SKILL.md and svg-lint, for installed agents detected by the CLI. · Claude Code, Codex, Cursor, Gemini CLI, Copilot, opencode, Antigravity, Pi, Windsurf, Continue, Roo, Goose, Kiro, Trae
In a coding-agent session, paste exactly the following two-line request (this is an agent-session instruction, not a terminal command):
Install the svg-diagram skill from https://github.com/bybit-exchange/svg-diagram
for me by running: npx skills add bybit-exchange/svg-diagram -g
Installs: Global installation of the svg-diagram repository-root bundle, including SKILL.md and svg-lint, for installed agents detected by the CLI. · Claude Code, Codex, Cursor, Gemini CLI, Copilot, opencode, Antigravity, Pi, Windsurf, Continue, Roo, Goose, Kiro, Trae
Run this command in a terminal. Keep the -g flag for the documented global installation.
[DOCUMENT_PATH]: path to the Markdown document, such as docs/foo.md
[COMPONENTS_OR_STEPS]: the components, relationships, or process steps the diagram should show
Use the svg-diagram skill to create a small SVG flowchart or architecture diagram for [DOCUMENT_PATH], based on [COMPONENTS_OR_STEPS]. Save the SVG in an assets/ directory next to the document, add a relative Markdown image reference, and check the first draft for spacing, alignment, overlaps, and viewBox clipping before presenting it.
Claude
Codex
Cursor
Gemini CLI
Copilot
Windsurf
Amp
OpenCode
Kiro
Antigravity
Goose