youtube-thumbnail-design — Skills

What it does

Bottom-right corner (video duration timestamp)

Bottom-left corner (chapter markers, progress bar)

Extreme edges (cropping varies by device)

Background and text/subject should be complementary or high-contrast

Avoid same-temperature colors touching (red on orange = mud)

Use 3 colors maximum per thumbnail

Saturate more than real life — thumbnails compete with bright UI

Source

Repository: https://github.com/101-skills/skills

youtube-thumbnail-design FAQ

What does the youtube-thumbnail-design skill do?

YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image Bottom-right corner (video duration timestamp) Bottom-left corner (chapter markers, progress bar)

What does youtube-thumbnail-design require?

Requires inference.sh CLI (belt). Install instructions

How do I install youtube-thumbnail-design?

Run: npx -y skills add https://github.com/101-skills/skills --skill youtube-thumbnail-design --agent claude-code — the source lives at github.com/101-skills/skills.

Maintain youtube-thumbnail-design?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![youtube-thumbnail-design on getagentictools](https://getagentictools.com/badge/skills/101-skills-skills-youtube-thumbnail-design.svg)](https://getagentictools.com/skills/101-skills-skills-youtube-thumbnail-design?ref=badge)

npx agentictools info skills/101-skills-skills-youtube-thumbnail-design

The second line is the CLI lookup for this page — handy in READMEs and docs.