article-visualslisted

# article-visuals (P6 — 图文并茂) Make figures that serve three readers at once: humans (understanding), search engines (image SEO / rich results), and AI engines (multimodal citation). **≥3 figures per article: 1 cover + ≥2 content figures.** This skill is self-contained — it uses the bundled scripts, no external pack needed. ## Type decision tree (pick type → tool) | To express | Type | Tool | Source file | |---|---|---|---| | flow / structure / relationship | diagram | **Mermaid** | `assets/src/*.mmd` | | data / comparison / trend | chart | **matplotlib** (`import figlib`) | `assets/src/*.py` | | concept / cover | illustration | **AI image** (prompt → human fills) | `assets/src/cover-prompt.md` → `assets/img/cover.png` | | real UI / object | screenshot/photo | manual | — | | tabular comparison | **Markdown table** (preferred — AI-extractable) | in prose | — | **Rule:** if data fits a Markdown table, use a table; only draw when relationships/trends need it. ## Workflow 1. From the outline's figure intent, write figure sources into `assets/src/` and log `assets/图清单.md` (caption + alt + placement). 2. Render: ```bash bash <repo>/scripts/render-figures.sh <article-dir> # mermaid + matplotlib → assets/img/ ``` `figlib.py` provides the brand palette (`scripts/palette.json`) + registered CJK fonts (Chinese won't box) + `save()` / `bar_compare()` helpers. If `mmdc` is missing, `.mmd` is skipped gracefully. 3. Embed with `` + a cap