Главная · Скиллы · baoyu-article-illustrator

baoyu-article-illustratorстатья иллюстратор изображения для контента

jimliu/baoyu-skills

Создание иллюстраций для статей и контента baoyu.

Установка

npx -y skills add jimliu/baoyu-skills --skill baoyu-article-illustrator --agent claude-code

Article Illustrator

Анализ статей, определение позиций для иллюстраций, генерация изображений по трёхмерному подходу: Тип × Стиль × Палитра. Используйте при запросах: «проиллюстрируй статью», «добавь изображения», «сгенерируй иллюстрации для статьи», «为文章配图».

Выбор бэкенда генерации

Аналогично baoyu-cover-image: Codex imagegen → Codex via codex exec → Cursor GenerateImage → другой нативный → единственный не-нативный → спросить пользователя. ⛔ Никогда не заменять SVG/HTML на растровую генерацию.

Настройки (EXTEND.md)

Путь поиска: .baoyu-skills/baoyu-article-illustrator/EXTEND.md → XDG → $HOME/.baoyu-skills/baoyu-article-illustrator/EXTEND.md.

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

Шаг 1: Анализ структуры статьи

Прочитать статью и выделить:

  • Ключевые разделы и их тематику
  • Концепции, требующие визуального объяснения
  • Позиции с высокой плотностью текста, где иллюстрация улучшит восприятие
  • Абстрактные идеи, которые выиграют от визуализации

Шаг 2: Определить позиции иллюстраций

Критерии для вставки иллюстрации:

  • Позиция объясняет процесс или архитектуру (→ диаграмма/схема)
  • Позиция описывает продукт или интерфейс (→ mockup или скриншот)
  • Позиция вводит концепцию (→ концептуальная иллюстрация)
  • Более 400 слов без визуального разрыва (→ декоративная иллюстрация)

Шаг 3: Определить единый стиль

Трёхмерная согласованность для всей статьи:

ИзмерениеВарианты
ТипКонцептуальный / диаграмма / предметный / сцена / метафора
СтильПлоская иллюстрация / изометрический / линейный / 3D / фотореалистичный / акварель / минималистичный
ПалитраМонохромный / дуотон / фирменные цвета / пастель / тёмный / земляной

Выбирайте одну комбинацию и применяйте ко всем иллюстрациям для визуальной целостности.

Шаг 4: Генерация промптов

Для каждой позиции создать промпт, включающий:

  • Содержание: что именно изображает иллюстрация
  • Стиль: выбранный стиль рендеринга
  • Цвета: выбранная палитра
  • Формат: обычно 16:9 для статей, 1:1 для inline
  • Текст в изображении: избегать или ограничить метками

Шаг 5: Генерация и вставка

# Генерация одной иллюстрации
${BUN_X} {baseDir}/scripts/main.ts \
  --prompt "flat illustration, isometric view, ..." \
  --style flat --palette duotone \
  --output outputs/illustrations/fig-01.png

# Результат: markdown для вставки
![Описание](outputs/illustrations/fig-01.png)

Структура сохранения

outputs/
└── illustrations/
    └── <article-slug>/
        ├── fig-01-intro.png
        ├── fig-02-architecture.png
        └── fig-03-workflow.png

Руководство по качеству промптов

РекомендуетсяИзбегать
Конкретный визуальный сюжетАбстрактные метафоры («путешествие», «трансформация»)
Описание пространственных отношенийТекст внутри изображения (часто рендерится с ошибками)
Явное указание стиляСмешение несовместимых стилей
Единая точка фокусаПереполненные сцены

Из того же репозитория