Community이미지github.com

pierrernrd04-ai/traceo-reels

인스타그램 캐러셀을 제작합니다. 클릭을 유도하는 커버, 슬라이드별 카피, 업로드용 1080x1350 파일을 제공합니다.

traceo-reels란 무엇인가요?

이 스킬은 인스타그램에서 가장 높은 참여율을 보이는 콘텐츠 형식인 캐러셀(스와이프 포스트)을 전문적으로 제작하는 AI 에이전트 도구입니다. 사용자가 "carousel", "slides", "swipe post"와 같은 키워드를 언급하거나, 목록 또는 단계별 아이디어를 가지고 있을 때 활성화됩니다. 이 스킬은 커버 디자인(6단어 이내의 강력한 훅), 슬라이드별 카피 작성(각 슬라이드 25단어 이내), 리캡 슬라이드, CTA 슬라이드 등 캐러셀의 핵심 구조를 안내합니다. HTML과 CSS로 1080x1350 크기의 슬라이드를 생성하며, 사용자가 카피를 승인한 후에 파일이 만들어집니다. Claude Code와 같은 터미널 기반 AI 에이전트와 함께 사용되도록 설계되었으며, /ig-human 및 /ig-caption과 같은 다른 스킬과 연계하여 완성된 카피를 검수합니다. 이 스킬의 가장 큰 강점은 캐러셀의 각 슬라이드가 독립적으로도 의미를 전달할 수 있도록 구조화하고, 사용자가 직접 편집하고 업로드할 수 있는 실용적인 파일을 제공한다는 점입니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/pierrernrd04-ai/traceo-reels/tree/HEAD/studio/skills/ig-carousel

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

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

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

문서

ig-carousel

캐러셀은 그리드에서 사용자 체류 시간이 가장 긴 형식입니다. 스와이프는 상호작용이지만 스크롤은 상호작용이 아니기 때문입니다. 또한 두 번째 기회가 있습니다. Instagram은 처음에 참여하지 않은 사용자에게 이후 슬라이드부터 캐러셀을 다시 보여줄 수 있으므로, 두 번째 슬라이드도 독립적으로 의미를 전달해야 합니다.

이 형식은 한 가지 아이디어를 단계로 나눌 때 효과적입니다. 캡션을 여러 조각으로 나누는 것은 좋지 않습니다.

릴(Reel) 대신 사용해야 하는 경우

아이디어에 순서가 있고 다시 읽어야 할 필요가 있을 때 캐러셀을 사용하세요: 단계, 부분으로 구성된 프레임워크, 전후 비교, 스크린샷을 찍을 가치가 있는 목록. 움직임, 얼굴, 또는 실시간으로 보여져야 하는 결과가 있는 아이디어에는 릴을 사용하세요.

아이디어가 하나의 주장이라면 둘 다 해당되지 않습니다. /ig-reel에 넘기고 그렇게 알리세요.

구조

6~10개의 슬라이드. 최대 20개이지만 20개는 거의 아무도 끝까지 보지 않는 책입니다. 5개 미만이면 스와이프가 시작되지 않습니다.

1         COVER     훅. 6단어 이하로, 썸네일에서 그리드에 보일 때 읽을 수 있는 크기로. 그 아래 한 줄의 약속.
2         THE STAKE 이것이 중요한 이유를 한 문장으로. 이 슬라이드는 두 번째 커버이므로 설정 단계가 될 수 없습니다.
3 ~ N     슬라이드당 하나의 아이디어. 3~7단어의 헤드라인, 그 아래 최대 25단어. 슬라이드에 문단이 필요하면 두 개의 슬라이드로 나누세요.
N+1       RECAP     전체 내용을 목록으로 정리. 스크린샷 슬라이드입니다.
LAST      CTA       하나의 행동. 저장, 키워드 댓글, 또는 팔로우. 하나만.

슬라이드 카피 규칙

  • 커버가 결과의 80%를 결정합니다. 여섯 단어. 크게. 아무리 좋은 데크라도 아무도 스와이프하지 않는 커버를 구할 수 없습니다.
  • 그리드 크롭을 고려하여 디자인하세요. 프로필 그리드는 세로가 더 긴 직사각형으로 크롭되며, 정확한 비율은 여러 번 변경되었습니다. 1080x1350으로 제작하고, 커버 텍스트를 중앙에 충분히 배치하여 모든 면에서 바깥쪽 120픽셀을 비우면 크롭 문제가 사라집니다.
  • 슬라이드에 번호를 매기세요 (3/8). 사람들이 끝을 볼 수 있으면 완료율이 올라갑니다.
  • 슬라이드는 문단이 아닙니다. 25단어로 말할 수 없다면 나누세요.
  • 리캡 슬라이드는 사람들이 스크린샷을 찍어 보내는 슬라이드입니다. 전송은 얻을 수 있는 가장 강력한 신호입니다. 컨텍스트 없이도 독립적이고 읽을 수 있게 만드세요.
  • 모든 슬라이드에 핸들, 작게, 하단 모서리에. 스크린샷은 당신 없이도 퍼져 나갑니다.
  • 최소한 커버에는 대체 텍스트를 넣으세요. 스크린 리더와 Instagram이 읽습니다.

파일 제작

Instagram은 1080x1350(4:5), JPEG 또는 PNG, 최대 20개 항목을 요구합니다. HTML로 제작하고 각 슬라이드를 출력하세요:

# 슬라이드당 <section> 하나, 1080x1350, page-break-after: always
# 그런 다음 Chrome headless --print-to-pdf 또는 기존에 사용하는 HTML-to-image 도구 사용

width:1080px; height:1350px, 하나의 포인트 컬러, 그리고 32px보다 작지 않은 글자 크기로 HTML을 작성하세요. 이는 실제 크기의 1/3로 휴대폰에서 읽히기 때문입니다. 프로젝트에 브랜드 스킬이나 디자인 시스템이 있다면 사용하고, 팔레트를 새로 만들지 마세요.

출력

먼저 슬라이드별 카피를 사용자가 10초 안에 읽고 편집할 수 있는 번호 목록으로 제공합니다. 그런 다음 캡션을 제공합니다. 캐러셀의 캡션은 /ig-caption의 Job B입니다. 캡션은 여기서 중요한 역할을 합니다. 커버가 이미 6단어를 사용했기 때문입니다.

둘 다 /ig-human을 통해 검수하세요. 사용자가 카피를 승인한 후에만 파일을 제작하세요.

CAROUSEL  ·  8 slides

1  COVER   THE $18,000 CLAUSE
           모든 계약서에 넣는 한 줄.
2  STAKE   작업을 승인했습니다. 그런데 9일 후에 돈을 돌려달라고 하더군요.
3          WHAT IT SAYS
           승인이 아닌 인도 시점에 지급.
...
7  RECAP   순서대로 모든 4개 조항.
8  CTA     CONTRACT라고 댓글을 달면 전체 조항을 보내드립니다.

Caption: Job B, 첫 줄에 훅, 하나의 요청, 3개의 태그.

업로드하지 않습니다. 사용자가 직접 게시합니다.

Individual skills in this repo

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

관련 스킬