---

name: generate-workshop-slide-image description: "Генерація обкладинки/ілюстрації для слайду воркшопу через OpenAI Images API та вставка в Slidev."

Generate Workshop Slide Image (OpenAI)

Ця навичка допомагає згенерувати зображення для слайдів воркшопу та вставити його в Slidev.

When to use

• Коли треба додати слайд з ілюстрацією (обкладинка секції, схема, постер).
• Коли потрібно швидко створити візуально єдині зображення у стилі воркшопу.

Constraints (важливо)

• Не зберігай API ключ у репозиторії.
• Використовуй змінну середовища OPENAI_API_KEY (локально/CI). Якщо ключ не заданий — запитай його у користувача та введи без відображення на екрані.
• Контент воркшопу — лише Rules / Commands / Skills, тексти на слайдах — українською.

Steps

1. Узгодь вимоги до картинки:

   • Тема: Rules / Commands / Skills (без “усі фічі Cursor”).
   • Стиль: мінімалістичний, читабельний з проєктора, без дрібного тексту.
   • Розмір: 1024×1024 або 1792×1024 (якщо потрібно wide).

2. Згенеруй зображення скриптом:

Copy# Якщо ключ не заданий — попроси його (ввід НЕ буде показано на екрані).
if [ -z "$OPENAI_API_KEY" ]; then
  read -s -p "OPENAI_API_KEY (input hidden): " OPENAI_API_KEY
  echo
  export OPENAI_API_KEY
fi

node scripts/generate-workshop-image.mjs --out public/images/workshop-skills.png

1. Додай/онови слайд у slides.md або pages/**/*.md та встав зображення:

Copy![Ілюстрація: Навички агента](/images/workshop-skills.svg)

1. Перевір:
   • npm run dev (візуально)
   • npm run build (збірка)