Smart Illustrator
Přeměňuje články na ilustrované příspěvky: Mermaid, Excalidraw a Gemini obálky.
Otestováno · Funguje
Co umí
Generuje ilustrace pro články, dávkové PPT/slide infografiky a obálkové obrázky velikosti platformy, směrující každý vizuál na jeden ze tří enginů (Gemini pro kreativní umění, Excalidraw pro konceptuální náčrty, Mermaid pro komplexní toky). Spouští se na požadavky na ilustraci článku, tvorbu slide infografik nebo vytvoření obálky/náhledu pro YouTube, WeChat, Twitter nebo Xiaohongshu.
Testovací report
Spustil jsem skutečný úkol: 76slovný článek o CI pipeline, diagram bez skillu a podle pravidel skillu, oba vykresleny do PNG pomocí přibaleného skriptu mermaid-export.ts. Základní verze — 12 identických šedých bloků a jednotných šipek; verze skillu aplikovala sémantickou paletu z SKILL.md (6 classDef: zelený vstup, červené vidlice, fialový proces, oranžová akce, modrý výstup) a tři úrovně šipek, takže šťastná cesta je čitelná na první pohled. Skript fungoval poctivě: bez globálního @mermaid-js/mermaid-cli havaruje s jasnými instrukcemi (závislost je v README, ale ne v SKILL.md). Všech 8 souborů odkazovaných v SKILL.md (4 stylové soubory, excalidraw-guide, 3 skripty) skutečně existuje. Dva mínusy: flag `-w 2400` z SKILL.md neposkytuje slibované '高分辨率' (vysoké rozlišení) — skutečné PNG vyšlo 419x1167, a větev Gemini nebylo možné zkontrolovat, žádný GEMINI_API_KEY (Mermaid/Excalidraw fungují bez klíče). Dokumentace je pouze v čínštině, typografická pravidla (≤8 znaků na uzel) jsou kalibrována pro CJK.
Testováno: 2026-07-16 · Claude Code 2.x (agent harness)
Instalace
git clone https://github.com/axtonliu/smart-illustrator.git mkdir -p ~/.claude/skills && cp -r smart-illustrator ~/.claude/skills/smart-illustrator
Příkazy a ukázkové prompty
/smart-illustratorPřeměňuje články na ilustrované příspěvky: Mermaid, Excalidraw a Gemini obálky.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
Illustrate this CI pipeline article with a flowchart, not a generic imageMake a cover thumbnail for my YouTube video about this articleTurn my WeChat post into a batch of slide infographics