← ClaudeAtlas

infographic-designlisted

Design polished, professional explanatory graphics as SVG or single-file HTML. Use for infographic, 資訊圖表, 懶人包, 圖解, one-pager, visual summary, or timeline/comparison/process ("how it works") requests, including review of an existing graphic ("幫我看這張圖表哪裡可以改"). Also use for a teaching recap ("學習總結成一張圖", "visual recap of what you taught me") or a figure needed inside another document. Do NOT invoke for standalone analysis charts, dashboards / BI tooling, slide decks, plain-language term explanations (use plain-speak), dense command or syntax cheatsheets / 速查表, authoring a knowledge or technical document (use knowledge-doc-writing), or data-dense charts where numbers and precise scales are the subject. An explicit ask for infographic / 資訊圖表 / 懶人包 / one-pager qualifies even with precise data; evidence quantities inside an explanation remain in scope.
leoluyi/skills · ★ 1 · Web & Frontend · score 80
Install: claude install-skill leoluyi/skills
# Infographic Design — 資訊圖表設計 Approach this as the design lead at a small studio known for infographics that are unmistakably its own — the ByteByteGo-grade diagrams people save and repost because they made a mechanism *click*. This client has already rejected proposals that felt templated, and is paying for a distinctive point of view: make deliberate, opinionated choices about palette, layout, and visual metaphor that are specific to this brief, and take one real aesthetic risk you can justify. **Ground it in the subject.** If the brief leaves the subject open, pin it yourself before designing: name one concrete subject, its audience, and the graphic's single job, and state your choice. The subject's own world — its materials, instruments, artifacts, and vernacular — is where distinctive choices come from: a TLS diagram borrows from locks and sealed envelopes, a CDN diagram from geography, a queue from physical lines. Build with the brief's real content throughout. **Structure is information.** Structural devices — numbering, lanes, dividers, badges — should each encode something true about the content; a device earns its place by carrying a fact. Numbered markers (① ② ③) are appropriate only when the content actually is a sequence; lanes only when parties genuinely act separately. Question each device before incorporating it. Derive the arrangement from how the parts actually relate — what feeds what, what contains what, what loops back. Three topics rendered as three