К основному содержанию
скилл CX Codex

reimagine-it-infographic — скилл для Claude Code: установка

Строит статистический инфографический плакат строго по фактам из переданного файла. Помогает визуализировать данные без шаблонных диаграмм и выдуманных метрик.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add Kayforkind/reimagine-it --skill infographic -a claude-code
Открыть на GitHub

Что делает reimagine-it-infographic

Скилл превращает исходный текст или документ в статистический постер. Он не использует готовые шаблоны вроде AntV или типовые дашборды. Вместо этого инструмент извлекает опорные числа прямо из документа. Палитра ограничивается пятью цветами на основе контента, а для сравнений выбирается шкала позиционирования Cleveland-McGill.

Перед отрисовкой запускается выбор структуры: список, последовательность, иерархия, сравнение групп, величины или связи. Для счётных объектов формируются пиктограммы ISOTYPE по методу Нейрата, где один знак обозначает фиксированное количество единиц.

Любые круговые диаграммы и псевдотрёхмерная графика здесь запрещены правилами. Каждая цифра обязана браться из файла. Под постером обязательно выводится полная исходная таблица данных без потерь.

Какие задачи решает

  • превратить сухой отчёт в наглядный постер без шаблонных графиков
  • показать дискретные счётные величины с помощью пиктограмм ISOTYPE
  • сопоставить группы данных по единой шкале без искажений восприятия
  • сопроводить визуализацию полной таблицей проверочных чисел

Примеры запросов агенту

  • /reimagine-it infographic для файла report.md
  • Сделай статистический плакат по данным из файла metrics.txt
  • Визуализируй эти факты как инфографику с помощью reimagine-it-infographic

Как установить reimagine-it-infographic

1Через Skills CLI (Vercel)

npx skills add Kayforkind/reimagine-it --skill infographic -a claude-code

2Вручную: положить файлы

~/.claude/skills/infographic/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/infographic/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о reimagine-it-infographic

Как установить reimagine-it-infographic в Claude Code?

Выполните команду npx skills add Kayforkind/reimagine-it --skill infographic -a claude-code. Конфигурация сохранится по пути ~/.claude/skills/infographic/SKILL.md.

Что делает reimagine-it-infographic?

Скилл анализирует переданный документ и собирает постер на основе найденных фактов. Он сам определяет структуру данных, подбирает палитру из контекста и строит глифы.

Почему скилл запрещает круговые диаграммы?

Правила инструмента исключают секторы и пончики из-за плохой точности считывания углов человеком. Все сравнения строятся через позиции на общей шкале.

Исходный текст

SKILL.md · MIT
---
name: reimagine-it-infographic
description: >-
  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.
license: MIT
metadata:
  author: Kayforkind
  version: "2.15.0"
  parent: reimagine-it
  hosts:
    - claude-code
    - cursor
    - codex
    - copilot
    - gemini-cli
keywords:
  - infographic
  - data-visualization
  - statistical-poster
  - isotype
  - content-derived-design
  - cleveland-mcgill
  - tufte
  - data-humanism
category: Design
capabilities:
  - infographic-creation
  - data-visualization
  - statistical-poster-design
  - isotype-generation
  - custom-glyph-creation
trigger_phrases:
  - /reimagine-it infographic
  - make an infographic
  - create a data poster
  - statistical poster
  - visualize this data
  - info graphic
---

# /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.** Every number on the poster comes from the source, not extrapolated or invented.

## Structure router

Before drawing, sniff the source and lock a **structure**:

| Structure | When | InfoAlign scenery |
|-----------|------|-------------------|
| `list` | Unordered peers | grid, star |
| `sequence` | Steps / dated beats | portrait, landscape |
| `hierarchy` | Tree / nesting | portrait |
| `compare` | Two+ groups | portrait-grid |
| `values` | Magnitudes | portrait-grid |
| `relation` | Nodes + edges the source names | spiral |

**Do not default to gold Texas (sequence+compare on portrait-grid).** Derive from THIS source.

## Procedure

1. Load [../references/research/infographic-craft.md](../references/research/infographic-craft.md) and [../references/domains/infographic.md](../references/domains/infographic.md).
2. Extract anchors from the source (3–5 concrete nouns, dates, numbers).
3. Route the structure (list/sequence/hierarchy/compare/values/relation).
4. Pick InfoAlign scenery (grid/star/portrait/landscape/portrait-grid/spiral).
5. Derive palette from source content (≤ 5 colors).
6. Build a custom visual alphabet from one datapoint.
7. Encode comparisons using common-scale positions (not pies).
8. Include a lossless data table below the poster.
9. Verify: every number traceable to source, no fabricated KPIs, no AntV template chrome.

## Must not

- Clone gold Texas infographic's scenery or poster chrome onto a different source
- Use a pie chart, donut, gauge, or 3D chart
- Invent statistics the source does not contain
- Use AntV/Looker/Datawrapper templates
- Skip the structure router and default to portrait-grid
- Ship without a lossless data table

© Kayforkind · MIT · Kayforkind/reimagine-it

Похожие скиллы

Всё по теме «Дизайн» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок grilling Matt Pocock Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы. 979 543установок codebase-design Matt Pocock Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. Подходит для рефакторинга, тестируемости и поиска чистого seam. 850 344установок

Из того же набора7

reimagine-it-variations Скилл создаёт несколько дизайн-направлений из одного HTML-файла и собирает их на контрастном листе. Пригодится для сравнения вариантов до выбора финального. CX Codex +1 ★ 212звёзд репо reimagine-it-lock Скилл снимает палитру, шрифты, мотивы и анимацию с готового HTML-файла и сохраняет их как переносимый набор для повторного использования. CX Codex +1 ★ 212звёзд репо reimagine-it-generate Читает HTML-страницу и перестраивает её в новом визуальном направлении — лендинг, инфографику, дашборд или одно из 17 других. Факты из исходника сохраняются, меняется только композиция. CX Codex +1 ★ 212звёзд репо reimagine-it-extract Вытаскивает из HTML-файла заголовок, ссылки, имена, даты, числа, почты и палитру в JSON. Ничего не перерисовывает — только показывает, что видит движок. CX Codex +1 ★ 212звёзд репо reimagine-it-audit Скилл запускает 19 детерминированных проверок HTML-страницы без обращения к LLM. Находит проблемы с вёрсткой, анимацией, типографикой и доступностью перед релизом. CX Codex +1 ★ 212звёзд репо reimagine-it Скилл анализирует HTML-страницу и создаёт отдельную версию на основе её текста и цветов. Пригодится, когда нужно переосмыслить существующую страницу или сделать инфографику. CX Codex +1 ★ 212звёзд репо

Спонсоры проекта

Компании, которые помогают держать аналитику открытой