Imported from johnalbertini14-glitch/openclaw-skills (skills/psyduckler/instagram-photo-text-overlay/SKILL.md). Install upstream with npx skills add johnalbertini14-glitch/openclaw-skills --skill instagram-photo-text-overlay. Copyright stays with the author.

Instagram Photo Text Overlay

Overlay text onto photos for Instagram-ready images. Two styles: list (title + numbered items) and clean (title only).

Quick Start

python3 scripts/overlay.py \
  --input photo.jpg \
  --output result.jpg \
  --title "TAORMINA" \
  --subtitle "3-Day Trip Itinerary" \
  --items '["Teatro Greco|Ancient theatre with Etna views", "Isola Bella|Crystal-clear beach"]' \
  --style list

Options

Styles

• clean: Cover slide. Big title = destination + category + count (e.g. "7 unique cheap eats in barcelona spain"). Subtitle = credibility/source line (e.g. "Insider takes from r/barcelona"). Best as carousel first slide.
• list: Content slides. Title + subtitle + divider + numbered items with reasons. Best for top-5 / itinerary posts.
• quote: Title with accent bar on the left + blockquote text below. No subtitle or divider. Best for travel quotes, testimonials, or key takeaways.

Workflow

1. Receive photo + destination/topic + list of items from user
2. Run scripts/overlay.py with appropriate args
3. Output is auto-cropped to 4:5 portrait (Instagram optimal)
4. Review output and adjust if needed (font sizes scale with image width)

Requirements

• Python 3 + Pillow (pip install Pillow)
• Works on macOS (Helvetica) and Linux (DejaVu/Liberation fallback)

Tips

• Items format: "Name|Short reason" — the pipe separates bold name from description
• For destinations, pull top picks from existing itineraries when available
• Gradient + white text ensures readability on any photo
• All font sizes are proportional to image width — works at any resolution