Communitygithub.com

썸네일-디자인

약속을 쓰고, 개념과 텍스트를 디자인하고, 브리프를 작성하고, A/B 테스트를 계획하는 디자인-크래프트 스킬입니다.

썸네일-디자인란 무엇인가요?

이 스킬은 AI 에이전트가 YouTube 썸네일의 디자인 개념, 텍스트, 브리프, A/B 테스트 계획을 수립하도록 돕습니다. 썸네일이 단순한 포스터가 아닌 '약속'이며, 제목과 하나의 단위로 작동해야 한다는 핵심 원칙을 기반으로 합니다. 에이전트는 CLICK 프레임워크(C-약속 명확화, L-하나의 초점, I-진정한 감정 유발, C-대비와 간결한 텍스트, K-지속적인 테스트)를 따라 3개의 의미 있는 대안을 설계하고, YouTube의 네이티브 Test & Compare(시청 시간 기반)로 최적안을 선정하도록 계획합니다. 단, 최종 래스터 이미지는 사람 또는 이미지 도구(nano-banana, Ideogram 등)가 생성하고, 업로드와 A/B 테스트는 YouTube 스튜디오에서 사람이 직접 수행해야 하며, 이 스킬은 TikTok이나 IG Reel 커버와는 별개로 YouTube 썸네일에만 특화되어 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/social-media-skills/skills/tree/main/skills/thumbnail-design

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

썸네일-디자인은(는) 무엇을 하나요?

디자인-크래프트 스킬 — 약속을 쓰고, 개념과 텍스트를 디자인하고, 브리프를 작성하고, A/B 테스트를 계획합니다. 에이전트는 디자인 + 브리프 + 계획을 수행하고, 사람 또는 이미지 도구가 래스터를 생성하며, YouTube 썸네일이 네이티브로 업로드되어 테스트됩니다(WoopSocial 필드 없음).

관점: 포스터가 아닌 약속 — 제목과 하나의 단위로 디자인

썸네일은 클릭 결정의 약 70-80%를 좌우하며, 시청자는 1초 미만에 결정을 내리므로, 그 임무는 시청으로 이어지는 클릭입니다. 두 가지 규칙이 모든 것을 지배합니다: 썸네일 + 제목은 하나의 단위(썸네일은 보여주고, 제목은 말한다 — 절대 반복하지 않음), 그리고 포스터가 아닌 약속입니다. 이 두 번째 규칙은 플랫폼에 의해 강제됩니다. YouTube의 네이티브 A/B 테스트는 원시 CTR이 아닌 시청 시간 점유율로 승자를 결정하므로, 오해를 불러일으키는 높은 클릭률의 썸네일은 정직한 썸네일에게 집니다. 모바일 우선으로 디자인하세요 — 대부분의 시청은 휴대폰에서 이루어지며, 단순함과 대비가 승리합니다.

먼저 읽을 것

  1. 브랜드-프로필 — 채널 스타일/템플릿(일관성 유지).
  2. 비디오와 그 제목(종종 youtube-게시-및-메타데이터/youtube-롱폼/youtube-쇼츠에서 제공).

프레임워크: CLICK

(깊이: references/the-click-framework.md.)

  • C — 약속을 명확히 하기 (Clarify the promise): 한 문장 약속; 썸네일 + 제목을 하나의 단위로(보여주기 vs 말하기, 절대 반복 금지); 포스터가 아닌 약속.
  • L — 하나의 초점으로 이끌기 (Lead with one focal point): 하나/둘의 히어로 요소, 최소한의 배경, 1초 미만으로 파악 가능; 하나의 방향성 요소.
  • I — 진정한 감정 불러일으키기 (Invoke genuine emotion): 맥락을 더한다면 표현적인 진짜 얼굴 + 시선(그렇지 않으면 생략); 표정이 콘텐츠와 일치해야 함.
  • C — 대비 + 간결한 텍스트 (Contrast + concise text): 보색 높은 대비(YouTube 빨강/흰색 피하기, 60-30-10, 흑백 테스트, 밝음+어두움); 0-4개의 굵은 산세리프 단어 + 윤곽선, 제목 복제 아님; ~168×94에서 모바일 가독성; 안전 영역; 1280×720, 16:9.
  • K — 계속 테스트하기 (Keep testing): 의미 있게 다른 3개의 개념, 하나의 변수; 네이티브 Test & Compare가 시청 시간 점유율로 선택(쇼츠 제외, 트래픽 필요); 사람이 업로드 및 실행; 로그 유지; 브랜드 일관된 템플릿.

현실 (분기별 확인)

포스터-아닌-약속 + 썸네일+제목-하나의-단위 + 시청-시간 A/B는 클릭베이트를 처벌함; 세 가지 원칙(단순함/대비/감정); 얼굴(+20-30%, 진짜, 시선, 알 수 없는 얼굴은 해가 될 수 있음); 대비/색상(보색, YT 빨강/흰색 피하기, 60-30-10, 흑백 테스트); 텍스트(0-4단어, 굵은 산세리프, 제목 복제 없음); 모바일 우선 + 안전 영역 + 사양(1280×720; 2026년 초부터 50MB 제한); 브랜드 일관성; 네이티브 Test & Compare(시청-시간-점유율 승자, 제목/조합도 테스트, 쇼츠 제외, 트래픽 의존): references/thumbnail-2026-reality.md. 약속 템플릿, 디자인 체크리스트, 사양 블록, A/B 계획 + 작업 예시: references/design-and-test-recipes.md.

정직한 범위 (절대 위반 금지)

  • 에이전트는 약속/개념/텍스트/브리프를 작성하고 목업을 비평할 수 있지만 — 사람 또는 이미지 도구(nano-banana/ideogram/Canva/디자이너)가 최종 래스터를 생성합니다.
  • YouTube 커스텀 썸네일은 스튜디오에서 네이티브로 업로드됩니다 — WoopSocial에는 썸네일 필드가 없습니다 — 그리고 Test & Compare는 네이티브입니다(사람이 업로드 및 실행). TikTok/IG-Reel 커버는 다릅니다: 이들은 tiktok-비디오-게시/IG 스킬을 통해 WoopSocial의 cover 필드를 사용합니다.
  • 클릭베이트 금지(썸네일은 약속을 지켜야 함 — 시청 시간 테스트가 속임수를 처벌함); 동의 없는 실제 인물/딥페이크 얼굴 금지; 절대 CTR을 조작하지 말 것(실제 테스트/네이티브 분석만 사용). (범위, 구분 및 연결: references/scope-and-connections.md.)

형제 스킬과의 구분 (올바르게 라우팅)

썸네일-디자인(이것) = 썸네일 디자인 크래프트 + 브리프 + A/B 계획 · youtube-게시-및-메타데이터 = 제목/설명/태그 메타데이터(썸네일을 위해 여기를 가리킴) · nano-banana/ideogram = 이 브리프가 요청하는 래스터 생성 · tiktok-비디오-게시 = TikTok cover 필드 · 후크-작성자/캡션-작성자 = 텍스트 라인.

연결되는 곳

먼저 읽기: 브랜드-프로필 + 비디오/제목(youtube-게시-및-메타데이터/youtube-롱폼/youtube-쇼츠). 함께 사용: nano-banana/ideogram(브리프 렌더링), 후크-작성자(썸네일 단어), youtube-게시-및-메타데이터(썸네일과 하나의 단위인 제목), 실험(A/B 규율), 경쟁사-분석(순위 썸네일과 미리보기). 전달 대상: 사람이 렌더링 + YouTube 썸네일을 네이티브로 업로드 + Test & Compare 실행; 분석-및-리포팅이 CTR/시청 시간을 읽음. 래스터, 네이티브 업로드 및 네이티브 A/B 테스트는 WoopSocial 외부에 남습니다.

완료 조건

한 문장 약속이 작성되고 썸네일이 제목과 하나의 단위로 디자인됨(보여주기 vs 말하기, 반복 없음); 하나의 초점과 최소한의 배경; 맥락을 더한다면 진짜 얼굴 + 시선(또는 없음); 높은 대비(보색, YouTube 빨강/흰색 아님, 60-30-10, 흑백 테스트 통과) 밝음과 어두움에서 모두 가독성; 제목을 복제하지 않는 윤곽선이 있는 0-4개의 굵은 단어; ~168×94에서 모바일 가독성과 안전 영역 및 1280×720 사양; 하나의 변수를 변경한 3개의 의미 있게 다른 개념의 A/B 계획, 시청 시간 점유율로 네이티브 평가; 래스터는 이미지 도구/디자이너에게 맡기고 YouTube 업로드 + 테스트는 네이티브 스튜디오에 맡김; 클릭베이트 없음, 동의 없는 얼굴 없음, 조작된 CTR 없음; youtube-게시-및-메타데이터 및 nano-banana/ideogram과 올바르게 구분됨.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

관련 스킬