Baoyu Infographic

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

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

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

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

к сведению

Ниже приведено полное описание навыка, которое VibeOS загружает при активации этого навыка. Это инструкции, которые видит агент, когда навык активен.

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

Адаптировано из baoyu-infographic для экосистемы инструментов VibeOS.

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

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

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

Параметры

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

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

Макет	Для чего лучше всего подходит
linear-progression	Временные шкалы, процессы, руководства
binary-comparison	A vs 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 vs 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

По умолчанию: bento-grid + craft-handmade

Клавиатурные сокращения (ключевые слова)

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

Если у сокращения есть Примечания к промпту, добавьте их к сгенерированному промпту (Шаг 5) как дополнительные инструкции по стилю.

Ключевое слово пользователя	Макет	Рекомендуемые стили	Соотношение сторон по умолчанию	Примечания к промпту
高密度信息大图 / high-density-info	dense-modules	morandi-journal, pop-laboratory, retro-pop-grid	portrait	—
信息图 / infographic	bento-grid	craft-handmade	landscape	Минимализм: чистое полотно, много свободного пространства, без сложных фоновых текстур. Только простые мультяшные элементы и иконки.

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

infographic/{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 из этого навыка.

1. Сохраните исходный контент (путь к файлу или вставка → source.md с помощью write_file)
   • Правило резервного копирования: Если source.md существует, переименуйте его в source-backup-YYYYMMDD-HHMMSS.md
2. Проанализируйте: тема, тип данных, сложность, тон, аудитория
3. Определите исходный язык и язык пользователя
4. Извлеките инструкции по дизайну из ввода пользователя
5. Сохраните анализ в analysis.md
   • Правило резервного копирования: Если analysis.md существует, переименуйте его в analysis-backup-YYYYMMDD-HHMMSS.md

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

Шаг 2: Генерация структурированного контента → structured-content.md

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

1. Название и цели обучения
2. Разделы с: ключевой концепцией, контентом (дословно), визуальным элементом, текстовыми метками
3. Точки данных (все статистические данные/цитаты скопированы точно)
4. Инструкции по дизайну от пользователя

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

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

Шаг 3: Рекомендация комбинаций

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

3.2 В противном случае порекомендуйте 3-5 комбинаций макет×стиль на основе:

• Структуры данных → подходящий макет
• Тона контента → подходящий стиль
• Ожиданий аудитории
• Инструкций пользователя по дизайну

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

Используйте инструмент clarify для подтверждения параметров с пользователем. Поскольку clarify обрабатывает один вопрос за раз, задайте самый важный вопрос первым:

В1 — Комбинация: Предложите 3+ комбинации макет×стиль с обоснованием. Попросите пользователя выбрать одну.

В2 — Соотношение сторон: Спросите о предпочтении соотношения сторон (landscape/portrait/square или пользовательское W:H).

В3 — Язык (только если исходный язык ≠ язык пользователя): Спросите, на каком языке должен быть текстовый контент.

Шаг 5: Генерация промпта → prompts/infographic.md

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

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

Объедините:

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

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

• Именованные пресеты → строка соотношения: landscape→16:9, portrait→9:16, square→1:1
• Пользовательские соотношения W:H → используйте как есть (например, 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 определение стиля

Возможные ошибки

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