Smart Illustrator
Förvandlar artiklar till illustrerade inlägg: Mermaid, Excalidraw och Gemini-omslag.
Testad · Fungerar
Vad den gör
Genererar illustrationer för artiklar, batch PPT/slide-infografik och plattformsanpassade omslagsbilder, dirigerar varje bild till en av tre motorer (Gemini för kreativ konst, Excalidraw för konceptskisser, Mermaid för komplexa flöden). Utlöses vid förfrågningar om att illustrera en artikel, bygga slide-infografik eller skapa ett omslag/miniatyr för YouTube, WeChat, Twitter eller Xiaohongshu.
Testrapport
Körde en verklig uppgift: en 76-ordsartikel om en CI-pipeline, diagram utan skill och enligt skill-regler, båda renderades till PNG av det medföljande skriptet mermaid-export.ts. Baslinjeversionen — 12 identiska grå block och enhetliga pilar; skill-versionen tillämpade en semantisk palett från SKILL.md (6 classDef: grön input, röda gafflar, lila process, orange åtgärd, blå output) och tre nivåer av pilar, så den lyckliga vägen är läsbar med en blick. Skriptet fungerade ärligt: utan global @mermaid-js/mermaid-cli kraschar det med tydliga instruktioner (beroendet finns i README, men inte i SKILL.md). Alla 8 filer som refereras av SKILL.md (4 stilfiler, excalidraw-guide, 3 skript) existerar faktiskt. Två minus: flaggan `-w 2400` från SKILL.md ger inte den utlovade '高分辨率' (hög upplösning) — den faktiska PNG:en kom ut som 419x1167, och Gemini-grenen kunde inte kontrolleras, ingen GEMINI_API_KEY (Mermaid/Excalidraw fungerar utan nyckel). Dokumentationen är endast på kinesiska, typografiska regler (≤8 tecken per nod) är kalibrerade för CJK.
Testad: 2026-07-16 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/axtonliu/smart-illustrator.git mkdir -p ~/.claude/skills && cp -r smart-illustrator ~/.claude/skills/smart-illustrator
Kommandon och exempelprompter
/smart-illustratorFörvandlar artiklar till illustrerade inlägg: Mermaid, Excalidraw och Gemini-omslag.
Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):
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