Skip to content

v0.1.0

Latest

Choose a tag to compare

@lucasmaan lucasmaan released this 02 Sep 15:16
· 1 commit to main since this release
v0.1.0
014b0da

First tagged release of svg-diagram — a skill that teaches an agent to draw SVG figures in one house style, plus the linter that checks them.

What's in it

  • SKILL.md — the house style: layout and spacing rules, a semantic colour palette, the CJK-aware text-width table, and a verification checklist the first pass is expected to satisfy.
  • gallery/ — 10 worked diagrams. Each one carries the arithmetic behind its own coordinates in comments, so the numbers are readable rather than magic.
  • tools/svg-lint/ — a maintainer's linter, 12 checks: block spacing, text overflow, viewBox clipping, palette conformance, arrow markers, XML escaping, baseline offsets, box heights, connector geometry, overlap, font stack, light-background fallback. Plain Node, zero dependencies, 984 tests.

Install

npx skills add bybit-exchange/svg-diagram -g

SKILL.md sits at the repository root, so svg-lint comes along with the skill text and runs from wherever it landed. Per-agent paths and the Claude.ai zip route are in the README.

Worth knowing

svg-lint is a maintainer tool, run by hand — the skill does not mention it and nothing invokes it for you. Run it before handing a diagram over:

node tools/svg-lint/bin/svg-lint.mjs diagram.svg