docs-figures
Draw diagrams, charts and CSS animations for GitHub READMEs and documentation as transparent light and dark SVG pairs, with text drawn as glyph outlines so every viewer renders it identically. Use when a README or doc page needs a mechanism or flow diagram, a chart, an animated walkthrough, figures in the ix-docs style, or when a repository's docs/images figures must be regenerated or checked.
- Compatibility
- Python 3.9+ with fontTools. Downloads the style's fonts once (network). Headless Chrome or Chromium for previews.
Pinned to revision 363d1c1f2a94, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/docs-figures/SKILL.md
- skills/docs-figures/assets/starter_figures.py
- skills/docs-figures/references/api.md
- skills/docs-figures/references/design.md
- skills/docs-figures/references/github.md
- skills/docs-figures/scripts/docs_figures.py
- skills/docs-figures/scripts/preview.py
- skills/docs-figures/scripts/render.py
- skills/docs-figures/styles/ix-docs.json
- skills/docs-figures/styles/pencil.json
Every link opens the file at its source, pinned to the revision this page describes.