inferen-sh avatar

Youtube Thumbnail Design

Creates YouTube thumbnails optimized for mobile viewing and click-through rates using AI image generation. Includes the crucial 120px mobile visibility test, safe zone mapping to avoid YouTube's UI overlays, and psychology-based face expression guidelines. Generates thumbnails at proper 1280x720 specs with high-contrast color schemes and readable text sizing. The before/after split compositions and A/B testing prompts are solid for content creators who need to iterate quickly. Covers the technical stuff most designers miss like timestamp overlay zones and mobile-first design principles that actually impact CTR.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
13
skills.sh installs
6.4K
GitHub stars
173

Install

$ npx -y skills add inferen-sh/skills --skill youtube-thumbnail-design --agent claude-code

Installs into .claude/skills of the current project.

Files

Install the belt CLI skill: npx skills add belt-sh/cli

YouTube Thumbnail Design

Create high-CTR YouTube thumbnails with AI image generation via inference.sh CLI.

Quick Start

Requires inference.sh CLI (belt). Install instructions

belt login

# Generate a thumbnail
belt app run falai/flux-dev-lora --input '{
  "prompt": "YouTube thumbnail style, close-up of a person with surprised excited expression looking at a glowing laptop screen, vibrant blue and orange color scheme, dramatic studio lighting, shallow depth of field, high contrast, cinematic",
  "width": 1280,
  "height": 720
}'

Specifications

SpecValue
Dimensions1280 x 720 px (minimum)
Recommended1920 x 1080 px
Aspect ratio16:9
Max file size2 MB
FormatsJPG, GIF, PNG

The 120px Test

Your thumbnail appears at roughly 120px wide on mobile — that's how most viewers first see it.

Sponsors

Details

Repository
github.com/inferen-sh/skills
Category
Design & UI/UX

More from inferen-sh/skills

All 78
1inferen-sh avatarcharacter-design-sheetinferen-sh/skills6.3Kskills.sh installs
2julianoczkowski avatardesign-briefjulianoczkowski/designer-skillsCreate a design brief through an interactive interview, codebase exploration, and experience design decisions. Saved as a markdown file in the project. Use when5.4Kskills.sh installs
3dpearson2699 avatarios-accessibilitydpearson2699/swift-ios-skillsBuild and audit SwiftUI, UIKit, and AppKit accessibility for VoiceOver, Voice Control, Switch Control, Full Keyboard Access, Dynamic Type, focus restoration, la5.2Kskills.sh installs
4anthropics avatarux-copyanthropics/knowledge-work-pluginsWrite or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with "write copy for", "what should this button say?", "review this error messa5Kskills.sh installs
5nexu-io avatarhatch-petnexu-io/open-designCreate, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual reference3.2Kskills.sh installs
6mindrally avatarframer-motionmindrally/skillsExpert guidelines for building performant animations with Framer Motion/Motion library in React applications3.1Kskills.sh installs