graphicslisted

Shared machinery for diagrams, infographics and charts, for the other skills (notes) and directly. Use when a STRUCTURAL picture from a ready template is needed - a list, a comparison, SWOT, a funnel, a roadmap, a hierarchy - or a chart from real data with considered typography; or when another skill reaches the step "draw a diagram / chart" and is choosing the tool.
letsloose501/sqs-agent-memory · ★ 1 · AI & Automation · score 74

Install: claude install-skill letsloose501/sqs-agent-memory

# graphics: diagrams and charts One tool for two different jobs: **structural infographics from a template** (list, steps, comparison, SWOT, funnel, hierarchy) and **charts from real data** (comparison, series, before/ after). The first is a vendored library (AntV Infographic), fully offline. The second is our own generators (`chart_paired.py`, `chart_bars.py`). Everything lives in this skill; nothing is fetched from other repositories at run time. This skill **does not decide** where the finished picture goes or in what format: the calling skill knows that (`notes` embeds `![[...].svg]` in Obsidian). `graphics` is responsible only for producing the picture and making sure it does not lie. Scripts: `${CLAUDE_PLUGIN_ROOT}/skills/graphics/scripts` (written `<scripts>` below and in the references): `scripts/chrome_selfcheck.py`, `scripts/extract_svg.py`, `scripts/chart_paired.py`, `scripts/chart_bars.py`. ## Choosing the tool | Need | How | Reference | |---|---|---| | List / comparison / SWOT / funnel / roadmap / hierarchy: **structure**, not data | AntV Infographic (vendored), DSL to SVG in headless Chrome | `references/antv-infographic.md` | | Before/after, paired samples, real units per record | `scripts/chart_paired.py` (no Chrome) | `references/chart-generators.md` | | Comparing categories, dashboard pace, ranking, KPIs | `scripts/chart_bars.py` (no Chrome) | `references/chart-generators.md` | | Color, curves, continuous geometry (no template) | a hand-made generator (