baoyu-skills — Сценарии использования, Установка & Живое демо

Зачем использовать

Ключевые функции

Генератор серий карточек Xiaohongshu с несколькими лейаутами и стилями
Генератор инфографики: 21 лейаут × 17 визуальных стилей
SVG-диаграммы: блок-схемы / последовательности / структурные / иллюстративные
Слайды + иллюстрации к статьям + комикс-скиллы
Маршрутизация генерации изображений через несколько провайдеров (OpenAI / Google / DashScope / MiniMax)
Двуязычная документация; многие интеграции с китайским интернетом

Живое демо

Как выглядит на практике

готово

Установка

Выберите клиент

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "baoyu-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/JimLiu/baoyu-skills",
        "~/.claude/skills/baoyu-skills"
      ],
      "_inferred": true
    }
  }
}

Откройте Claude Desktop → Settings → Developer → Edit Config. Перезапустите после сохранения.

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "baoyu-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/JimLiu/baoyu-skills",
        "~/.claude/skills/baoyu-skills"
      ],
      "_inferred": true
    }
  }
}

Cursor использует ту же схему mcpServers, что и Claude Desktop. Конфиг проекта приоритетнее глобального.

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "baoyu-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/JimLiu/baoyu-skills",
        "~/.claude/skills/baoyu-skills"
      ],
      "_inferred": true
    }
  }
}

Щёлкните значок MCP Servers на боковой панели Cline, затем "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "baoyu-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/JimLiu/baoyu-skills",
        "~/.claude/skills/baoyu-skills"
      ],
      "_inferred": true
    }
  }
}

Тот же формат, что и Claude Desktop. Перезапустите Windsurf для применения.

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "baoyu-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/JimLiu/baoyu-skills",
        "~/.claude/skills/baoyu-skills"
      ]
    }
  ]
}

Continue использует массив объектов серверов, а не map.

~/.config/zed/settings.json

{
  "context_servers": {
    "baoyu-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/JimLiu/baoyu-skills",
          "~/.claude/skills/baoyu-skills"
        ]
      }
    }
  }
}

Добавьте в context_servers. Zed перезагружается автоматически.

claude mcp add baoyu-skill -- git clone https://github.com/JimLiu/baoyu-skills ~/.claude/skills/baoyu-skills

Однострочная команда. Проверить: claude mcp list. Удалить: claude mcp remove.

Сценарии использования

Реальные сценарии: baoyu-skills

Создание серии из 9 карточек для поста на Xiaohongshu из статьи

👤 Авторы контента на RED / Xiaohongshu ⏱ ~15 min beginner

Когда использовать: Написали длинную статью и нужны квадратные карточки для платформы.

Предварительные требования

Установленный скилл — git clone https://github.com/JimLiu/baoyu-skills ~/.claude/skills/baoyu-skills

Поток

Выбрать лейаут и стиль

Use baoyu-skills. From article.md, generate a 9-card Xiaohongshu series in 'minimal' style with serif title font.✓ Скопировано

→ 9 SVG/PNG карточек квадратного формата
Итерировать обложку

Cover (card 1) is too plain — try 'magazine' style with a number badge.✓ Скопировано

→ Новые варианты обложки; выберите один
Экспортировать

Export all 9 cards as PNG at 1080×1080, save to /posts/<slug>/.✓ Скопировано

→ PNG-файлы готовы к загрузке

Итог: Готовая к публикации серия карточек менее чем за 10 минут на пост.

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

Текст карточки переполняется на длинных китайских предложениях — Попросите скилл сократить текст до ≤24 символов на карточку или авто-уменьшить шрифт

Сочетать с: humanizer-skill

Создание инфографики из небольшого датасета

👤 Маркетологи, аналитики, все, кто представляет числа ⏱ ~20 min beginner

Когда использовать: Есть CSV с 5–10 метриками и нужна одна публикуемая инфографика.

Поток

Выбрать лейаут

Use baoyu-skills. From data.csv (5 rows), pick the most appropriate of the 21 infographic layouts.✓ Скопировано

→ Рекомендация лейаута с обоснованием
Сгенерировать

Generate it in 'editorial' style. Use my brand colors #0F172A and #38BDF8.✓ Скопировано

→ SVG-вывод; превью в чате
Доработать

Add a 1-line takeaway under each stat. Reduce icon weight by 30%.✓ Скопировано

→ Доработанный SVG

Итог: Инфографика для блога/соцсетей — без Figma.

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

21 лейаут × 17 стилей = паралич выбора — Пусть скилл рекомендует по форме данных; переопределяйте только при сильном мнении

Сочетать с: filesystem

Создание SVG-диаграммы архитектуры из описания

👤 Инженеры, пишущие документацию ⏱ ~12 min beginner

Когда использовать: Нужна диаграмма системы для README и нет желания открывать инструмент для рисования.

Поток

Описать систему

Use baoyu-skills. Generate a structural diagram for: web client → API gateway → 3 services (auth, billing, content) → Postgres + Redis. Show external dependencies.✓ Скопировано

→ SVG с именованными узлами
Аннотировать

Add HTTP/gRPC labels on edges; mark Postgres as 'primary' and 'replica'.✓ Скопировано

→ Аннотации добавлены

Итог: Диаграмма в репозитории; отображается в любом markdown-просмотрщике.

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

Диаграмма становится нечитаемой при большом количестве узлов — Разделите на две диаграммы (высокоуровневая + детали на сервис); никогда не пихайте всё в одну

Сочетать с: filesystem

Превращение доклада с YouTube в черновик поста в блог

👤 Блогеры, переиспользующие видеоконтент ⏱ ~25 min beginner

Когда использовать: Посмотрели отличный доклад с конференции и хотите готовое резюме для поста.

Поток

Получить транскрипт

Use baoyu-skills YouTube transcript skill on <url>. Translate if non-English.✓ Скопировано

→ Очищенный транскрипт в чате
Реструктурировать

Convert to a 1200-word post: hook, 4 sections matching the talk's arc, takeaways. Cite timestamps.✓ Скопировано

→ Черновик поста со ссылками на таймкоды

Итог: Готовый черновик поста с источниками за 15 минут.

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

Авто-транскрипты слышат технические термины неверно — Попросите скилл помечать слова с низкой уверенностью; сверяйтесь с видео

Сочетать с: humanizer-skill

Комбинации

Сочетайте с другими MCP — эффект x10

baoyu-skill + humanizer-skill

Создать карточки/посты, затем убрать признаки ИИ

Generate the post draft via baoyu-skills, then run humanizer on it before publishing.✓ Скопировано

baoyu-skill + filesystem

Сохранение результатов в репозиторий контента

Save all generated cards under /content/<slug>/ with a stable naming convention.✓ Скопировано

Инструменты

Что предоставляет этот MCP

Инструмент	Входные данные	Когда вызывать	Стоимость
make_xhs_cards	source_text, layout, style, count	Серии карточек для RED / Xiaohongshu	Image gen API для рендеримых изображений
make_infographic	data, layout, style, palette?	Одиночная визуализация данных	0 (SVG рендерится по шаблону)
make_svg_diagram	type (flow\|seq\|struct\|illust), description	Диаграммы для документации	0
make_slides	outline, theme	Короткие презентации	0
yt_transcript	url, translate_to?	Переиспользование видео	0
url_to_md	url	Чистое цитирование веб-статьи	0

Стоимость и лимиты

Во что обходится

Квота API: Скиллы генерации изображений зависят от квоты выбранного провайдера
Токенов на вызов: SVG/шаблонные скиллы: низкий расход. Image-gen: зависит от модели
Деньги: Бесплатно (скилл); платите за image gen при использовании
Совет: Используйте SVG-шаблонные скиллы (карточки, инфографика, диаграммы) — они не вызывают платные модели

Безопасность

Права, секреты, радиус поражения

Минимальные скоупы: filesystem-write (для вывода)

Хранение учётных данных: API-ключи провайдеров image gen через переменные окружения; скилл читает из env, не из коммита

Исходящий трафик: Только при использовании суб-скиллов image gen; SVG/шаблонные скиллы — локальные

Результаты могут содержать объекты интеллектуальной собственности, если вы встраиваете логотипы/фото — убедитесь в наличии прав

Устранение неполадок

Частые ошибки и исправления

Китайские символы отображаются как прямоугольники

Установите шрифт с поддержкой CJK; скилл содержит резервный список, но локальная ОС может не иметь подходящего

Проверить: Проверьте доступные шрифты; установите Noto Sans CJK

Суб-скилл image gen завершается с ошибкой

Проверьте переменную окружения провайдера; возможно, провайдер недоступен или исчерпан баланс

Текст карточки переполняется

Сократите текст для каждой карточки (≤24 символа для заголовка) или передайте auto_shrink=true

SVG не отображается в GitHub README

Конвертируйте в PNG для GitHub (некоторые теги SVG обрезаются); SVG работает нормально в большинстве блогов

Альтернативы

baoyu-skills в сравнении

Альтернатива	Когда использовать	Компромисс
skyll-skill	Нужна сфокусированная студия для карточек, а не набор из 20 скиллов	Меньший охват, более сфокусированный
AntV mcp-server-chart	Нужны только чарты данных, а не визуальные карточки/иллюстрации	Другая форма — ориентирован на чарты

Ещё

Ресурсы

📖 Читать официальный README на GitHub

🐙 Открытые задачи

🔍 Все 400+ MCP-серверов и Skills