Baoyu Infographic

Инфографика: 21 макет × 21 стиль (信息图, 可视化).

Метаданные навыка


Источник	Встроенный (установлен по умолчанию)
Путь	`skills/creative/baoyu-infographic`
Версия	`1.56.1`
Автор	宝玉 (JimLiu)
Лицензия	MIT
Платформы	linux, macos, windows
Теги	`infographic`, `visual-summary`, `creative`, `image-generation`

Справочник: полный SKILL.md

инфо

Ниже приведено полное определение навыка, которое Hermes загружает при его срабатывании. Именно это агент видит как инструкции, пока навык активен.

Генератор инфографики

Адаптировано из baoyu-infographic под экосистему инструментов Hermes Agent.

Два измерения: макет (структура информации) × стиль (визуальная эстетика). Любой макет свободно сочетается с любым стилем.

Когда использовать

Навык срабатывает, когда пользователь просит создать инфографику, визуальную сводку, информационный график — или вводит термины «信息图», «可视化», «高密度信息大图». Пользователь передаёт содержимое (текст, путь к файлу, URL или тему) и при желании указывает макет, стиль, соотношение сторон или язык.

Параметры

Параметр	Значения
Макет	21 вариант (см. галерею макетов), по умолчанию: bento-grid
Стиль	21 вариант (см. галерею стилей), по умолчанию: craft-handmade
Соотношение	Именованные: landscape (16:9), portrait (9:16), square (1:1). Произвольное: любое Ш:В (например, 3:4, 4:3, 2.35:1)
Язык	en, zh, ja и т. д.

Галерея макетов

Макет	Лучше всего для
`linear-progression`	Таймлайны, процессы, туториалы
`binary-comparison`	A против B, до-после, плюсы-минусы
`comparison-matrix`	Сравнения по многим факторам
`hierarchical-layers`	Пирамиды, уровни приоритета
`tree-branching`	Категории, таксономии
`hub-spoke`	Центральная идея со связанными элементами
`structural-breakdown`	Разнесённые виды, разрезы
`bento-grid`	Несколько тем, обзор (по умолчанию)
`iceberg`	Видимое против скрытого
`bridge`	Проблема-решение
`funnel`	Конверсия, фильтрация
`isometric-map`	Пространственные связи
`dashboard`	Метрики, KPI
`periodic-table`	Категоризированные коллекции
`comic-strip`	Повествования, последовательности
`story-mountain`	Структура сюжета, нарастание напряжения
`jigsaw`	Взаимосвязанные части
`venn-diagram`	Пересекающиеся понятия
`winding-roadmap`	Путь, вехи
`circular-flow`	Циклы, повторяющиеся процессы
`dense-modules`	Плотные модули, насыщенные данными гайды

Полные определения: references/layouts/<layout>.md

Галерея стилей

Стиль	Описание
`craft-handmade`	Рисованное, бумажный крафт (по умолчанию)
`claymation`	3D-фигурки из глины, кукольная анимация
`kawaii`	Японская милота, пастельные тона
`storybook-watercolor`	Мягкая акварель, сказочность
`chalkboard`	Мел на чёрной доске
`cyberpunk-neon`	Неоновое свечение, футуризм
`bold-graphic`	Комиксный стиль, полутона
`aged-academia`	Винтажная наука, сепия
`corporate-memphis`	Плоский вектор, яркие цвета
`technical-schematic`	Чертёж, инженерная графика
`origami`	Сложенная бумага, геометрия
`pixel-art`	Ретро, 8 бит
`ui-wireframe`	Серый макет интерфейса
`subway-map`	Схема метро
`ikea-manual`	Минималистичный контурный рисунок
`knolling`	Упорядоченная раскладка плашмя
`lego-brick`	Сборка из игрушечных кубиков
`pop-laboratory`	Чертёжная сетка, координатные метки, лабораторная точность
`morandi-journal`	Рисованный дудл, тёплые тона Моранди
`retro-pop-grid`	Ретро поп-арт 1970-х, швейцарская сетка, толстые контуры
`hand-drawn-edu`	Макарунные пастели, рисованная дрожь линий, человечки-палочки

Полные определения: references/styles/<style>.md

Тип контента	Макет + Стиль
Таймлайн/История	`linear-progression` + `craft-handmade`
Пошагово	`linear-progression` + `ikea-manual`
A против B	`binary-comparison` + `corporate-memphis`
Иерархия	`hierarchical-layers` + `craft-handmade`
Пересечение	`venn-diagram` + `craft-handmade`
Конверсия	`funnel` + `corporate-memphis`
Циклы	`circular-flow` + `craft-handmade`
Техническое	`structural-breakdown` + `technical-schematic`
Метрики	`dashboard` + `corporate-memphis`
Образовательное	`bento-grid` + `chalkboard`
Путь	`winding-roadmap` + `storybook-watercolor`
Категории	`periodic-table` + `bold-graphic`
Гайд по продукту	`dense-modules` + `morandi-journal`
Технический гайд	`dense-modules` + `pop-laboratory`
Трендовый гайд	`dense-modules` + `retro-pop-grid`
Образовательная схема	`hub-spoke` + `hand-drawn-edu`
Туториал по процессу	`linear-progression` + `hand-drawn-edu`

Ключевые слова-сокращения

Если ввод пользователя содержит одно из перечисленных ключевых слов, автоматически выберите связанный макет и предложите связанные стили первыми на шаге 3. Определение макета по содержимому при этом пропускается.

Если у сокращения есть примечания к промпту (Prompt Notes), добавьте их в сгенерированный промпт (шаг 5) как дополнительные указания по стилю.

Ключевое слово	Макет	Рекомендуемые стили	Соотношение по умолчанию	Примечания к промпту
高密度信息大图 / high-density-info	`dense-modules`	`morandi-journal`, `pop-laboratory`, `retro-pop-grid`	portrait	—
信息图 / infographic	`bento-grid`	`craft-handmade`	landscape	Minimalist: clean canvas, ample whitespace, no complex background textures. Simple cartoon elements and icons only.

Структура вывода

infographic/{topic-slug}/
├── source-{slug}.{ext}
├── analysis.md
├── structured-content.md
├── prompts/infographic.md
└── infographic.png

Slug: 2–4 слова в kebab-case из темы. При конфликте: добавить -YYYYMMDD-HHMMSS.

Основные принципы

Точно сохраняйте исходные данные — никакого краткого изложения или перефразирования (но вырезайте любые учётные данные, API-ключи, токены и секреты перед включением в выводы)
Сначала определите учебные цели, затем структурируйте содержимое
Структурируйте под визуальную подачу: заголовки, подписи, визуальные элементы

Рабочий процесс

Шаг 1: Анализ содержимого

Загрузите справочники: прочитайте references/analysis-framework.md из этого навыка.

Сохраните исходное содержимое (путь к файлу или вставка → source.md через write_file)
- Правило резервной копии: если source.md уже есть, переименуйте в source-backup-YYYYMMDD-HHMMSS.md
Проанализируйте: тему, тип данных, сложность, тон, аудиторию
Определите язык источника и язык пользователя
Извлеките указания по дизайну из ввода пользователя
Сохраните анализ в analysis.md
- Правило резервной копии: если analysis.md уже есть, переименуйте в analysis-backup-YYYYMMDD-HHMMSS.md

Подробный формат смотрите в references/analysis-framework.md.

Шаг 2: Создайте структурированное содержимое → `structured-content.md`

Преобразуйте содержимое в структуру инфографики:

Заголовок и учебные цели
Разделы с: ключевой идеей, содержимым (дословно), визуальным элементом, текстовыми подписями
Точки данных (все статистические показатели и цитаты копируются точно)
Указания по дизайну от пользователя

Правила: только Markdown. Никакой новой информации. Данные точно сохраняются. Учётные данные и секреты — вырезать.

Подробный формат смотрите в references/structured-content-template.md.

Шаг 3: Рекомендуйте сочетания

3.1 Сначала проверьте ключевые слова-сокращения: если ввод совпадает с ключевым словом из таблицы Ключевые слова-сокращения, автоматически выберите связанный макет и поднимите связанные стили в начало рекомендаций. Определение макета по содержимому пропускается.

3.2 Иначе предложите 3–5 сочетаний макет×стиль, опираясь на:

структуру данных → подходящий макет
тон содержимого → подходящий стиль
ожидания аудитории
указания пользователя по дизайну

Шаг 4: Подтвердите параметры

Задавайте вопросы через инструмент clarify — он обрабатывает по одному за раз, поэтому начните с самого важного:

Q1 — Сочетание: представьте 3+ комбинации макет×стиль с обоснованием. Попросите пользователя выбрать.

Q2 — Соотношение: спросите про предпочтительное соотношение сторон (landscape/portrait/square или произвольное Ш:В).

Q3 — Язык (только если язык источника ≠ языку пользователя): уточните, на каком языке должно быть текстовое содержимое.

Шаг 5: Сгенерируйте промпт → `prompts/infographic.md`

Правило резервной копии: если prompts/infographic.md уже есть, переименуйте в prompts/infographic-backup-YYYYMMDD-HHMMSS.md

Загрузите справочники: прочитайте выбранный макет из references/layouts/<layout>.md и стиль из references/styles/<style>.md.

Объедините:

Определение макета из references/layouts/<layout>.md
Определение стиля из references/styles/<style>.md
Базовый шаблон из references/base-prompt.md
Структурированное содержимое из шага 2
Весь текст на подтверждённом языке

Разрешение соотношения сторон для {{ASPECT_RATIO}}:

Именованные пресеты → строка соотношения: landscape→16:9, portrait→9:16, square→1:1
Произвольные соотношения Ш:В → используйте как есть (например, 3:4, 4:3, 2.35:1)

Сохраните собранный промпт в prompts/infographic.md через write_file.

Шаг 6: Генерация изображения

Запустите инструмент image_generate с промптом из шага 5.

Сопоставьте соотношение сторон с форматом image_generate: 16:9 → landscape, 9:16 → portrait, 1:1 → square
Для произвольных соотношений выберите ближайшее именованное
При сбое автоматически повторите один раз
Сохраните полученный URL/путь изображения в выходную директорию

Шаг 7: Итоговая сводка

Сообщите: тему, макет, стиль, соотношение, язык, путь вывода, созданные файлы.

Справочники

references/analysis-framework.md — методология анализа
references/structured-content-template.md — формат содержимого
references/base-prompt.md — шаблон промпта
references/layouts/<layout>.md — 21 определение макета
references/styles/<style>.md — 21 определение стиля

Подводные камни

Целостность данных превыше всего — никогда не обобщайте, не перефразируйте и не меняйте исходную статистику. «Рост на 73%» должен остаться «ростом на 73%», а не превратиться в «значительный рост».
Вырезайте секреты — всегда проверяйте исходное содержимое на API-ключи, токены и учётные данные перед включением в любой выходной файл.
Одна мысль на раздел — каждый раздел инфографики доносит одну чёткую идею. Перегруженные разделы хуже читаются.
Единство стиля — определение стиля из справочного файла применяйте одинаково по всей инфографике. Стили не смешивать.
Соотношения сторон image_generate — инструмент поддерживает только landscape, portrait и square. Произвольные соотношения вроде 3:4 сопоставляйте с ближайшим вариантом (в этом случае — portrait).