Svg

Use when authoring custom data viz that doesn't fit a predefined chart layout — brand-aware SVG infographics via compact DSL.

aibot88 935a4f7 2 files · 1.8 KB Updated 3 repo stars

File contents

SVG Infographic Authoring

Generate brand-perfect SVG infographics using a compact DSL. Colors resolve against the active feinschliff brand pack — no per-skill palette. Use when the predefined chart layouts (bar-chart, stacked-bar, kpi-grid, scorecard, funnel) don't fit and a custom viz is needed.

Quick start

Author a .svg.dsl file, expand it, then render. The default brand is feinschliff; override via --brand <name>, FEINSCHLIFF_BRAND=<name>, or an inline @brand <name> directive at the top of the DSL.

cd /path/to/feinschliff
uv run python -m lib.diagrams.svg_expand chart.svg.dsl   # add --brand <name> to override
uv run python -m lib.diagrams.render chart.svg            # → chart.png

Inspect the PNG. If something is off, adjust the DSL (positions, sizes, semantic colors) and re-run. One fix loop max — escalate to references if more is needed.

References

  • DSL reference — primitives, semantic colors, layout
  • Examples — small / medium / complex fixtures

aibot88/sec_skill_store/tree/main/skills/claudskills/svg commit 935a4f76b2

Frequently asked questions

npx skillmds add aibot88/svg