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

canghe-infographic — скилл для Claude Code: инфографика и установка

Скилл превращает исходный материал в инфографику: анализирует содержание и подбирает сочетания структуры и визуального стиля. Задайте пропорции и язык, если они важны.

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

Что делает canghe-infographic

Скилл готовит инфографику по файлу с материалом или тексту, который вы вставите в запрос. Он анализирует тему и тип данных, затем предлагает сочетания макета и стиля. В галерее есть варианты для сравнений, процессов, метрик и других структур; всего предусмотрено 20 макетов и 17 стилей.

Результат сохраняется в папку infographic/{topic-slug}/: там будут исходный материал, анализ, структурированное содержание, промпт и infographic.png. Источниковые данные должны сохраняться дословно, без пересказа. Макет и стиль можно задать через --layout и --style; предусмотрены пропорции landscape, portrait и square, а язык выбирается через --lang. Если в проекте есть EXTEND.md, скилл проверяет предпочтения оформления в нём.

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

  • превратить Markdown-файл в инфографику
  • подобрать макет под сравнение или процесс
  • задать стиль и пропорции изображения
  • сохранить материал и анализ рядом с готовой инфографикой

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

  • Сделай инфографику по path/to/content.md в альбомных пропорциях.
  • Покажи материал как иерархию и используй стиль технической схемы: --layout hierarchical-layers --style technical-schematic.
  • Собери квадратную инфографику на английском по этому тексту: --aspect square --lang en.

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

1Через Skills CLI (Vercel)

npx skills add freestylefly/canghe-skills --skill canghe-infographic -a claude-code

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

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

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

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

Вопросы о canghe-infographic

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

Выполните npx skills add freestylefly/canghe-skills --skill canghe-infographic -a claude-code. Файл скилла находится по пути ~/.claude/skills/canghe-infographic/SKILL.md.

Что делает canghe-infographic?

Анализирует исходный материал, предлагает сочетания макета и визуального стиля и создаёт инфографику с файлами анализа и структурированного содержания.

Можно ли выбрать макет, стиль и пропорции?

Да. Используйте --layout, --style и --aspect; для языка есть параметр --lang. По умолчанию выбраны bento-grid и craft-handmade.

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

Всё по теме «Дизайн» →
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установок

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

canghe-comic Скилл превращает статью или заметку в комикс: раскладка панелей, персонажи, промпты и готовый PDF. Пригодится, когда нужно объяснить тему картинками. CX Codex +1 578установок canghe-xhs-images Разбивает материал на серию инфографик для Xiaohongshu с выбором визуального стиля и структуры. Пригодится для постов, инструкций и сравнений. CX Codex +1 569установок canghe-cover-image Скилл анализирует статью и строит визуальную обложку с выбором палитры, стиля и формата кадра. Выручит блогеров при подготовке публикаций. CX Codex +1 541установок canghe-markdown-to-html Конвертирует Markdown в оформленный HTML с инлайновыми стилями для WeChat. Поддерживает диаграммы PlantUML, подсветку кода и формулы. CX Codex +1 532установок canghe-article-illustrator Разбирает статью по структуре, находит места, где нужна картинка, и генерирует иллюстрации по двум осям: тип и стиль. CX Codex +1 518установок release-skills Автоматизирует выпуск релизов, обновление версий и ведение многоязычных чейнджлогов. Сгодится для репозиториев на Node.js, Python и Rust. CX Codex +1 472установок flyworks-avatar-video Скилл генерирует видео с говорящими цифровыми аватарами Flyworks (HiFly): публичные аватары, talking photo из одной картинки, клонирование голоса. CX Codex +1 374установок paddleocr-doc-parsing Скилл разбирает PDF и картинки через PaddleOCR: текст, таблицы, формулы, графики и порядок чтения. Пригодится, когда нужно вытащить структуру из отчёта или статьи. CX Codex +1 369установок

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

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