AgentSkillsCN

generate-workshop-slide-image

通过 OpenAI Images API 生成研讨会幻灯片的封面或配图，并将其插入 Slidev。

SKILL.md
--- frontmatter
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. •

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

bash
# Якщо ключ не заданий — попроси його (ввід НЕ буде показано на екрані).
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 та встав зображення:
md
![Ілюстрація: Навички агента](/images/workshop-skills.svg)
  1. •Перевір:
    • •npm run dev (візуально)
    • •npm run build (збірка)