Community이미지github.com

creator-thumbnail

사용자가 보유한 이미지 제공자를 활용해 클릭률 높은 YouTube 썸네일과 세로형 커버(Shorts, Reels, TikTok)를 디자인합니다. 헤드라인 텍스트는 로컬에서 합성하여 선명하게 유지하며, 참조 이미지를 통해 얼굴과 로고의 충실도를 보장하고 작은 크기에서도 가독성을 확인합니다.

creator-thumbnail란 무엇인가요?

이 스킬은 YouTube 썸네일, 세로형 커버(Shorts, Reels, TikTok), 팟캐스트 에피소드 커버 등 클릭을 유도하는 이미지를 제작하기 위한 전문 도구입니다. 개념 구상부터 아트 생성, 헤드라인 합성, 최종 품질 검사까지 4단계로 구성되어 있으며, 사용자가 보유한 이미지 제공자(예: DALL-E, Stable Diffusion 등)를 자동으로 활용합니다. 핵심 기능은 헤드라인 텍스트를 로컬에서 합성하여 이미지 확대/축소 시에도 선명도를 유지하고, 사용자의 얼굴이나 로고 사진을 참조 이미지로 전달하여 충실도를 높이는 것입니다. 또한 2~3개의 다양한 변형을 생성하여 사용자가 비교·선택할 수 있도록 하며, YouTube의 타임스탬프 영역을 고려한 구성, 진실성 유지(가짜 인용·스크린샷 금지), 1280×720 최소 해상도 및 2MB 미만 용량 등의 규칙을 적용합니다. 이 스킬은 Cursor, Claude Code 등에서 사용할 수 있으며, `scripts/creator.py`와 `scripts/media.py` 스크립트를 통해 이미지 생성 및 텍스트 합성을 수행합니다.

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

Installed? Explore more 이미지 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

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

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

문서

Creator Thumbnail - 썸네일 디자인

1단계 — 개념 구상 (아직 아무것도 생성하지 않음)

제목/주제로부터 하나의 개념을 세 줄로 작성하고, 사용자가 방향성을 신경 쓰는 것 같을 때만 확인합니다. 그렇지 않으면 바로 진행합니다:

  • 약속 — 시청자가 1초 안에 반드시 알게 될 단 하나의 아이디어 (비디오 내용에 충실).
  • 초점 주제 — 하나의 얼굴/사물, 크고, 대비가 강함. 얼굴은 강하고 솔직한 감정.
  • 헤드라인 — 제목에 추가되는 0~4단어, 제목을 반복하지 않음. 선택 사항.

규칙은 references/thumbnail-rules.md 참조 (구성, 대비, 텍스트, 정직성).

2단계 — 아트 생성 (텍스트 없이)

  • 비율 16:9 (YouTube) 또는 9:16 (세로형 커버). 크기 2k (제공자가 허용하는 경우).
  • 헤드라인 공간 확보: 왼쪽 1/3 영역에 헤드라인을 위한 충분한 빈 공간.
  • 사용자 얼굴/로고/제품 → 사진을 --ref와 함께 전달하고 각각이 무엇인지 설명.
  • 이미지에 텍스트를 넣지 말 것. 헤드라인은 3단계에서 추가.
python3 scripts/creator.py image --prompt "<아트 프롬프트>" --ratio 16:9 --size 2k --out ./out/thumb-a.png [--ref face.jpg]

하나의 큰 차이점(감정, 색상, 또는 구성)이 있는 2~3개의 변형을 만드세요. 사소한 조정은 피합니다. 첫 성공 후 제공자를 고정합니다.

3단계 — 헤드라인

python3 scripts/media.py text --image ./out/thumb-a.png --out ./out/thumb-a-final.png --text "두\n줄 예시" --pos center --align left --size 0.16 [--box "[email protected]"] [--font <브랜드 헤딩 폰트>]

2단계에서 확보한 공간에 텍스트를 배치하고 (--align left로 왼쪽 1/3 공간에), 대상/주제 위에 절대 올리지 마세요. brand 설정에 브랜드 폰트/색상이 있으면 사용하세요. 최대 ~4단어. 넓은 단어는 \n으로 두 줄로 나누세요.

4단계 — 확인

  1. 미리보기 축소: ffmpeg -y -i final.png -vf scale=320:-1 small.png, 그런 다음 확인 — 대상과 단어가 이 크기에서 읽을 수 있어야 함.
  2. 오른쪽 하단 모서리(YouTube 타임스탬프가 가리는 영역)에 중요한 콘텐츠가 없는지 확인.
  3. 변형들을 나란히 보여주고 각각의 차이점을 한 줄씩 설명; 하나를 추천.

규칙

  • 정직: 가짜 인용, 가짜 스크린샷, 비디오에 없는 암시된 사건을 넣지 마세요.
  • 사용자가 아닌 실제 인물을 동의 없이 썸네일에 넣지 마세요.
  • YouTube 최소 1280×720; 2MB 미만 (필요시 ffmpeg -i in.png -q:v 3 out.jpg 사용).

참조 자료

  • references/thumbnail-rules.md — 구성, 텍스트, 색상, 예시
  • references/image-prompting.md, references/media-ops.md, references/providers.md

Individual skills in this repo

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

관련 스킬