reimagine-it-infographic

Featured

Content-derived infographic poster — reads the source file and builds a statistical poster from the facts already in it. Not a dashboard, not a CV, not an AntV template. Uses common-scale encodings (Cleveland–McGill floor), ISOTYPE unit counts (Neurath), custom data glyphs (Lupi/Fragapane), and a lossless data table. Palette, glyphs, and composition are derived from the source's own content. No pies, donuts, gauges, 3D charts, or fabricated KPIs. Part of the reimagine-it Content-Derived Design suite.

AI & Automation 134 stars 25 forks Updated today MIT

Install

View on GitHub

Quality Score: 92/100

Stars 20%
71
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# /reimagine-it infographic **Parent:** [../SKILL.md](../SKILL.md) — the full Content-Derived Design engine. **Research pack:** [../references/research/infographic-craft.md](../references/research/infographic-craft.md) — 15-source infographic method (Cleveland–McGill, Tufte, Bertin, ISOTYPE, Minard/Snow, Cairo, Lupi, FT Visual Vocabulary, USWDS, WCAG charts, InfoAlign layouts). **Domain pack:** [../references/domains/infographic.md](../references/domains/infographic.md) — the infographic domain non-negotiables. Builds a **statistical poster of facts already in the source** — not an ops dashboard, not a CV, not an AntV template clone. ## Hard non-negotiables 1. **Cleveland–McGill perceptual ranking.** Position along a common scale > length > angle > area > volume > color saturation. Encode the most important comparisons as positions, not pies. 2. **ISOTYPE unit counts** when the data is discrete countable things (Neurath: one pictogram = N units, repeated, not scaled). 3. **Custom glyphs from the source.** Lupi/Fragapane pattern — draw a visual alphabet from the data itself (leaves, braids, snakes, whatever the content demands), not generic bar/pie/donut. 4. **Lossless data table.** Every chart has a companion table; the infographic is a supplement to the data, not a replacement. 5. **No pies, donuts, gauges, or 3D charts.** Pie charts rank last in Cleveland–McGill; donuts are pies with the center punched out (worse); 3D distorts perception. 6. **No fabricated KPIs.** Ever...

Details

Author
Kayforkind
Repository
Kayforkind/reimagine-it
Created
3 weeks ago
Last Updated
today
Language
JavaScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Data & Documents Listed

infographic

Turn a data file (CSV/TSV, Excel, SQLite, JSON/JSONL, Markdown, text, logs) into a static, shareable infographic IMAGE — a rendered PNG plus its editable HTML source. Composes real infographics (hero stat, numbered story spine, pictograms, annotations, takeaway), not styled dashboards. Use this skill whenever the user asks for an "infographic", "poster image", "one-pager", "social card", "an image I can share", "a PNG of this data", or any static picture that tells the data's story — as opposed to an interactive report/page/dashboard/viewer, which is the html-report skill. Three complexity levels (eli5 / junior / pro) with a level-keyed design bank, six layout templates, and an infographic-director agent that writes the narrative brief from deterministically parsed numbers.

7 Updated 3 weeks ago
costiash
Data & Documents Solid

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.

76 Updated 1 weeks ago
social-media-skills
Data & Documents Featured

reimagine-it

Content-Derived Design — reads existing HTML and writes a stronger standalone page from headings, facts, names, dates, numbers, links, emails, and colors already in that file. CLI: npx reimagine-it --auto -i page.html -o out.html; also variations, lock, and audit. Use when the user says /reimagine-it, "reimagine it", "reinvent this", "redesign this page", "make an infographic", wants a content-aware redesign or a visual leap instead of a mood board. Tokens: webpage, infographic, svg, 3js, simulation, artistic, cinematic, dashboard, photography, landing, plus leftover words as a brief. Also /reimagine-it audit for quality checks. Installed via npx skills add Kayforkind/reimagine-it or plugin marketplace. Not /better. Not a mood board. Does not ingest PDF, PPTX, or DOCX.

134 Updated today
Kayforkind