Thumbnails

Skill S3YED/appie-kit/skills/content/thumbnails

Build Your Own AI Employee. The complete starter kit for OpenClaw + Hermes Agent. 155 deduplicated skills, drag-and-drop workspace, case studies, install scripts.

Install

npx -y skills add S3YED/appie-kit --skill thumbnails

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

6 stars6 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Generate branded YouTube thumbnails using approved photo assets, brand guidelines, and HTML thumbnail templates.

SKILL.md

3.8 KB, as published. Nobody here has run it

SKILL.md - YouTube Thumbnail Generator

Generate YouTube thumbnails from approved portrait assets, HTML templates, and the project brand guidelines.

Assets Location

Approved portraits: $THUMBNAIL_PHOTO_DIR
- closeup.jpg - Close-up face shot, best for thumbnails
- speaking.jpg - Speaking/presenting pose
- frame-01.jpg - source video frame
- frame-02.jpg - source video frame
- webcam.png - webcam screenshot
HTML templates: $THUMBNAIL_TEMPLATE_DIR
- client-success.html - For client story videos (revenue numbers + face)
- interview.html - For interview/conversation videos
- educational.html - For tutorial/how-to videos
Generator script: $THUMBNAIL_GENERATOR
Full brand system: $THUMBNAIL_BRAND_SYSTEM

How to Generate a Thumbnail

Method 1: Puppeteer Script (Preferred)

cd "$THUMBNAIL_WORKDIR"
chmod +x generate-thumbnail.sh
./generate-thumbnail.sh <template> <output> --text-main "TEXT" --text-sub "TEXT" --face "$THUMBNAIL_FACE_IMAGE"

Examples:

# Client success story
./generate-thumbnail.sh client-success ./output/new-thumb.jpg \
  --text-main '$0 to $8K' --text-sub 'IN 30 DAYS' \
  --face $THUMBNAIL_FACE_IMAGE

# Interview thumbnail
./generate-thumbnail.sh interview ./output/interview.jpg \
  --text-main 'How I Built 3 AI Agents' --text-sub 'LIVE DEMO' \
  --face $THUMBNAIL_FACE_IMAGE

# Educational tutorial
./generate-thumbnail.sh educational ./output/tutorial.jpg \
  --text-main 'n8n + AI' --text-sub 'FULL TUTORIAL' \
  --face $THUMBNAIL_FACE_IMAGE

Method 2: AI Image Generation

When the Puppeteer script isn't enough (custom layouts, special effects), use the image_generate tool:

Prompt formula:

YouTube thumbnail, 1280x720, [SCENE DESCRIPTION].
Left side: photo of the approved presenter portrait,
wearing [OUTFIT]. Right side: bold white text "[3-5 WORDS]" on dark green
background (#031D16). Gold accent (#DFB771) highlight on key word.
Bottom right: small "<BRAND>" text in gold. High contrast, professional,
clean composition. No em dashes.

Brand Rules (MANDATORY)

Font: Rethink Sans (800 for headlines, 700 for sub)
Colors: Dark green #031D16, Gold #DFB771, White #F6FEFC, Emerald #247459
Face size: Minimum 40% of frame height
Text: 3-5 words max, 100-200px font size
<BRAND> watermark: Bottom-right, gold, Rethink Sans 600
Safe zone: Nothing in bottom-right 200x40px (YouTube timestamp)
NO EM DASHES. EVER.

Thumbnail Categories

1. Client Success Stories (Most Important)

Template: client-success
Formula: Revenue number + client face/the presenter face + name
Example text: "$0 to $8K", "IN 30 DAYS"
Always include the revenue metric

2. Interviews / Conversations

Template: interview
Formula: Key insight + both faces (or the presenter alone)
Example text: "$50K to $1M+", "ROSLAN"

3. Tutorials / Educational

Template: educational
Formula: Tool name + benefit + the presenter face
Example text: "n8n + AI", "AUTOMATE EVERYTHING"

4. Vlog / Personal

Use AI image generation for custom layouts
More creative freedom, but keep brand colors

Quick Checklist Before Delivering

1280x720 exactly
Under 2MB file size
Face visible and large (40%+ of frame)
Text readable on mobile (phone-sized preview)
Gold accent (#DFB771) on at least one element
<BRAND> watermark present
No em dashes anywhere
JPG quality 85-90%

Dependencies

Make sure Puppeteer is installed:

npm install -g puppeteer
# or if it fails:
apt-get install -y chromium-browser
npm install puppeteer