infographic-design
SolidDesign polished, professional explanatory graphics as SVG or single-file HTML. Use when the user asks for an infographic, 資訊圖表, 懶人包, 圖解, a one-pager, a visual summary, or a timeline/comparison/process ("how it works") graphic — even without the word "infographic" — and to review an existing one ("幫我看這張圖表哪裡 可以改"). Use for a learning recap when a teaching dialogue ends ("學習總結成一張圖", "visual recap of what you taught me"); that route needs no further prompting. Also use when another skill needs a figure designed for a document it is producing. Do NOT invoke for a single standalone chart embedded in analysis output, for dashboards / BI tooling, for slide decks (use a pptx workflow), for explaining a term in plain language (use plain-speak), or for data-dense charts where the numbers are themselves the subject or precise scales matter (annual-results decks, survey findings, statistical graphics) — hand those to a data-visualization workflow. An explicit ask for an infographic / 資訊圖表 / 懶人包 / one-pager always qualifie
Install
Quality Score: 78/100
Skill Content
Details
- Author
- leoluyi
- Repository
- leoluyi/skills
- Created
- 3 months ago
- Last Updated
- today
- Language
- Python
- License
- MIT
Similar Skills
Semantically similar based on skill content — not just same category
infographic-and-data-viz
The craft of turning real data into honest, scannable, shareable infographics and charts. Use when someone wants to visualize data, make an infographic, build a chart/graph, turn a finding or stat into a visual, or fix a chart that's confusing or misleading. A great data viz makes one insight land in 3 seconds. Uses the CHART framework (chart choice, headline takeaway, honest scale, reduce to signal, tag source + accessibility). Reads brand-profile + design-and-templates first and pulls real data from data-and-original-research / analytics-and-reporting. The agent designs the spec; a design/chart tool renders it; the human approves; WoopSocial publishes the image (it does not generate media). NEVER distorts scales or fabricates a data point/source; cites source + date; accessibility required. Distinct from design-and-templates (brand design), quote-cards-and-text-graphics (a lone quote/number), data-and-original-research (originates the data), and analytics-and-reporting.
svg-infographic
Author technical/structured SVG infographics and diagrams, then render them to crisp PNG with a headless browser. Best for architecture diagrams, topology maps, flows, before/after comparisons, nested/onion layer models, roadmaps, decision matrices, and social-ready technical one-pagers. Prefers clean line icons in soft tinted circles. First-class Korean/CJK text. Includes an opt-in "tidy hand-drawn" sketch preset (paper background, Korean handwriting font, rough strokes, highlighter). Not for photo-heavy or illustration-heavy graphics, statistical charts, or mascot/character illustration.
baoyu-infographic
Infographics: 21 layouts x 21 styles (信息图, 可视化).