# Svg Diagram (agent skill)

> Svg Diagram is an agent skill (a SKILL.md file) from bybit-exchange/svg-diagram. SVG diagramming conventions blending a technical look with CJK-friendly typography. It works with Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode and has 606 GitHub stars. Install it by copying the skill folder into your agent's skills directory.

SVG diagramming conventions blending a technical look with CJK-friendly typography. Use when creating flowcharts, architecture diagrams, and similar SVG figures. For one-shot generation, prefer invoking it from a subagent so the main context does not have to carry this skill plus the SVG XML; for multi-round tweaking, use it directly in the main context. Diagrams go in SVG, never ASCII art. That rule decides whether to draw; this skill covers how, starting with where the file lands.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/bybit-exchange/svg-diagram |
| Skill path | SKILL.md |
| Skill name | svg-diagram |
| GitHub stars | 606 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 1 |
| Plugin marketplace | no |
| Official | yes |
| Works with | Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode |
| Category | Design & frontend |
| Last commit | Sep 3, 2026 |

## When it triggers

- Use when creating flowcharts, architecture diagrams, and similar SVG figures.

## Add this skill

### Claude Code

```sh
git clone --depth 1 https://github.com/bybit-exchange/svg-diagram.git
cp -r svg-diagram ~/.claude/skills/svg-diagram   # personal, or .claude/skills in a project
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/bybit-exchange/svg-diagram.git
cp -r svg-diagram .agents/skills/svg-diagram   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/bybit-exchange/svg-diagram.git
cp -r svg-diagram .cursor/skills/svg-diagram   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/bybit-exchange-svg-diagram
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.