Community이미지github.com

Instagram 캐러셀

기술/AI 크리에이터 페이지를 위한 Instagram 캐러셀 게시물(1080×1350)을 5가지 스타일(Editorial, Sticker, Dark tech-news, Minimal notebook, Bold pastel)과 영어·힌글리시 캡션으로 제작합니다. 사용자가 주제, 스크립트 또는 링크를 주고 캐러셀이나 슬라이드를 요청할 때 사용합니다.

Instagram 캐러셀란 무엇인가요?

이 스킬은 기술/AI 크리에이터 페이지를 운영하는 소프트웨어 엔지니어를 위해 설계된 Instagram 캐러셀 제작 도우미입니다. 사용자가 주제, 스크립트, 또는 링크를 제공하면, 1080×1350px 포맷의 6~9개 슬라이드(표지 + 콘텐츠 + CTA)로 구성된 캐러셀을 5가지 하우스 스타일(Editorial, Sticker, Dark tech-news, Minimal notebook, Bold pastel) 중 하나로 제작합니다. 또한 영어와 힌글리시(로마자 힌디어와 영어 혼용) 두 가지 버전의 캡션을 제공합니다. 스킬은 먼저 아이디어가 캐러셀에 적합한지 확인한 후, 사실 확인과 출처 검증을 철저히 수행하고, 각 슬라이드의 복사본을 디자인 전에 사용자 승인을 받습니다. 콘텐츠와 디자인 규칙은 `styles/` 디렉토리의 각 스타일 파일과 `templates/`의 HTML 템플릿에 정의되어 있으며, 슬라이드당 하나의 아이디어, 최소 본문 크기 30px, 헤드라인 96px+ 등의 규칙을 따릅니다. 마지막으로 PNG 파일과 대체 텍스트를 제공하여 완벽한 핸드오프를 지원합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/DecodeDebangi/instagram-carousel-skill/tree/main

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

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

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

문서

Instagram 캐러셀 게시물

주제, 스크립트 또는 링크를 바로 게시할 수 있는 Instagram 캐러셀로 변환합니다: 스크롤을 멈추게 하는 표지, 각각 하나의 아이디어를 담은 5~9개 슬라이드, 영어와 힌글리시로 된 캡션. 소프트웨어 엔지니어 크리에이터 페이지(기술 뉴스, AI 업데이트, 학생을 위한 엔지니어링 팁)를 위해 제작되었지만, 모든 기술 주제에 사용 가능합니다.

0. 기본값 (사용자가 달리 말하지 않으면 다음 값을 사용)

설정기본값
핸들@decodedebangi
크기1080 × 1350 px (Instagram 세로 4:5)
슬라이드 수6~9 (표지 + 콘텐츠 + CTA)
스타일사용자가 지정한 스타일, 없으면 Editorial
언어슬라이드는 영어; 캡션은 영어 및 힌글리시
사진사용자가 제공하지 않으면 없음 — 최종 게시물에 빈 사진 자리 표시자를 남기지 마세요

스타일 파일은 styles/ 디렉토리에 있습니다. 사용 중인 스타일만 참조하세요:

스타일파일최적 용도
Editorialstyles/editorial.md설명, 로드맵, "X의 작동 방식"
Stickerstyles/sticker.md재미있는 팁, 도구 워크플로, "내 설정"
Dark tech-newsstyles/dark-tech.md주간 요약, 보안 뉴스, 출시 소식
Minimal notebookstyles/minimal-notebook.md학습 노트, 학생 대상 개념, 치트 시트
Bold pastelstyles/bold-pastel.md날카로운 의견, 신화 vs 사실, 큰 단일 통계

각 스타일 파일에는 토큰, 컴포넌트 및 레이아웃 규칙이 있습니다. templates/<style>.html에는 복사하여 사용할 수 있는 작동하는 표지 및 콘텐츠 슬라이드가 있습니다.

1. 입력 수집

주제나 스크립트를 확보한 후에 구축을 시작합니다. 누락되었고 중요한 것(스타일, 슬라이드 수, 언어)에 대해서만 한 번에 하나의 메시지로 질문하세요. 사진에 대해 묻지 말고 — 나중에 추가하겠다고 제안하세요.

먼저 형식을 확인하세요. 캐러셀은 순서가 있고 다시 읽을 가치가 있는 아이디어(단계, 프레임워크, 전후 비교, 스크린샷할 목록)에 적합합니다. 아이디어가 하나의 주장이거나, 움직임이나 얼굴이 필요한 경우, 그렇게 말하고 릴스를 대신 제안하세요. 사용자가 여전히 원한다면 캐러셀을 구축하세요.

2. 조사 및 사실 확인 (건너뛰지 마세요)

  • 사용자가 스크립트/게시물을 붙여넣은 경우: 사용자의 콘텐츠를 사용하되, 제공된 링크는 모두 읽으세요. 슬라이드에 올리기 전에 모든 숫자, 이름 및 주장을 출처와 대조하세요.
  • 누가 말하고 있나요? 출처가 자신의 제품을 홍보하는 사람("제가 만든 것입니다")이 작성한 경우, 구축하기 전에 사용자에게 알리고, 슬라이드에서 주장과 벤치마크를 해당인에게 귀속시키고("자체 테스트") 중립적 사실로 제시하지 마세요. 사용자에게 프로모션 게시물인지 설명 게시물인지 물어보세요. 보통 설명 게시물을 원합니다.
  • 제품 사실 (Claude Code, API, 도구): 기억에 의존하지 말고 공식 문서에서 가져오세요. 명령어, 제한 사항 및 기능은 변경됩니다.
  • 자체 보고된 숫자는 그대로 라벨을 붙입니다. 지어낸 통계나 채우기용 내용은 없습니다.
  • 예시(가짜 오류 메시지, 샘플 경로)는 사용자에게 예시임을 알리는 경우에만 사용할 수 있습니다.
  • 사용자의 스크립트와 출처 간의 불일치(예: "블로그에는 7개 레이어가 있는데 표지에는 6개라고 되어 있음")가 있으면 조용히 하나를 선택하지 말고 알리세요.

3. 슬라이드 계획

  1. 표지 — 전문 용어를 들어본 적이 없는 사람도 이해할 수 있어야 합니다. 기술 용어("압축이 잘못된 수정입니다")가 아닌 독자의 고통이나 호기심("AI 에이전트가 왜 잊어버리는가")으로 시작하세요. 테스트: 2학년 CS 학생이 2초 안에 게시물 내용을 알 수 있나요? 사용자가 확실하지 않을 때 3~4개의 표지 텍스트 옵션을 제공하고, 하나를 추천하세요.
  2. 슬라이드 2 (두 번째 후크) — 이것이 왜 중요한지 한 문장으로. Instagram은 나중 슬라이드부터 캐러셀을 다시 보여줄 수 있으므로, 이 슬라이드는 자체적으로 표지로 작동해야 합니다. 설정이나 배경이 될 수 없습니다.
  3. 콘텐츠 슬라이드 — 각각 하나의 아이디어: 헤드라인(≤ 6단어, 슬라이드의 요점) + 2~4개의 짧은 요점 또는 하나의 큰 숫자. 중요한 숫자는 큰 글씨로 표시합니다.
  4. 중간 후크 — "문제점" / "해결책" 쌍으로 사람들이 계속 스와이프하게 만듭니다.
  5. 요약 슬라이드 — 전체 게시물을 짧은 목록이나 치트 시트로 보여줍니다. 맥락 없이도 읽을 수 있어야 하며, 사람들이 스크린샷을 찍어 보내는 슬라이드입니다. 핸들을 유지하세요.
  6. CTA 슬라이드 — 하나의 주요 액션과 링크가 있는 경우 "링크는 댓글에"를 추가합니다.
  7. 모든 콘텐츠 슬라이드 하단에 "스와이프" 또는 다음 슬라이드에 대한 티저("해결책", "무엇이 살아남나?")를 표시합니다. 마지막 슬라이드는 제외.

모든 제품이나 고유 명사는 처음 등장할 때 소개하세요("Claude Code, Anthropic의 코딩 에이전트, ...").

구축 전에 복사본 승인 받기

디자인 작업 전에 슬라이드별 텍스트를 번호 목록과 캡션으로 보여주세요. /ig-human을 사용할 수 있다면 먼저 슬라이드 텍스트와 두 캡션을 모두 실행한 다음, 사실, 숫자, 제품 이름 또는 힌글리시 표현이 변경되지 않았는지 확인하세요. 사용자가 이 단계를 건너뛰도록 요청하지 않는 한, 복사본 승인 후에만 구축하세요.

4. 구축

디자인 / 캔버스 아티팩트 유형을 사용할 수 있는 경우 (예: Claude의 Design 유형): 캔버스 하나, 슬라이드당 아트보드 하나를 만들고 각각 1080 × 1350 크기로, 80px 간격으로 한 줄에 배치하세요. 각 캐러셀을 자체 행에 배치하고 위에 제목 메모를 추가하세요. 해당 유형의 형식 규칙을 따르고, 인라인 스타일, 고정 크기 루트를 사용하세요.

그 외의 경우: 슬라이드당 하나의 독립적인 HTML 파일(또는 모든 슬라이드가 쌓인 하나의 페이지), 각 슬라이드는 고정된 1080px × 1350px 박스, 글꼴은 Google Fonts에서 가져옵니다.

모든 스타일에 적용되는 규칙:

  • 색상, 글꼴 및 컴포넌트는 스타일 파일에서 가져옵니다. 하나의 캐러셀 내에서 스타일을 혼합하지 마세요.
  • 전체 슬라이드 배경은 루트에 background-color + background-image로 인라인 배치합니다. 클래스 위에 background: 단축 속성을 절대 사용하지 마세요. 그리드/텍스처가 지워집니다.
  • 모든 슬라이드에 동일한 헤더와 푸터를 사용하고, 슬라이드 카운터 n/N이 정확해야 합니다.
  • 아이콘: 인라인 SVG. 슬라이드에 이모지는 사용하지 마세요.
  • 최소 본문 텍스트 30px; 헤드라인 96px+. 휴대전화에서 읽힙니다.

넘침 예산 (가장 흔한 버그 #1)

각 슬라이드를 작성하기 전에 높이를 더하세요. 콘텐츠는 상단에서 1180px 이내에 끝나서 푸터(푸터는 12401300 위치)에 닿지 않아야 합니다.

대략적인 줄 높이: 텍스트 높이 ≈ 글꼴 크기 × 줄 높이 × 줄 수. 줄 수 ≈ 문자 수 ÷ (사용 가능한 너비 ÷ 문자 너비). 문자 너비 ≈ 0.5 × 글꼴 크기(Fredoka/Inter), 0.6 × (JetBrains Mono), 0.42 × (Anton, 대문자). 사용 가능한 너비는 약 920px에서 카드 패딩을 뺀 값입니다.

초과하는 경우: 먼저 단어를 줄이고, 그 다음 헤드라인 크기를 줄이고, 마지막으로 간격을 좁힙니다. 본문 텍스트를 30px 아래로 줄이지 마세요. 슬라이드당 최대 ~4개 카드 또는 ~5개 글머리 기호.

5. 캡션

두 가지 버전을 작성합니다 — 영어 및 힌글리시 (로마자 힌디어와 영어가 혼합된 구어체, 크리에이터가 릴스에서 말하는 방식):

  1. 후크 질문 또는 굵은 문장 (기본적으로 이모지 없음; 최대 하나, 드물게)
  2. 2~3개의 짧은 문단: 무슨 일인지, 문제점, 핵심 요점
  3. 실용적인 게시물인 경우 3~4개의 화살표(→) 팁
  4. "스와이프 …" 줄, "첫 번째 댓글의 링크", "저장하세요 …"
  5. 해시태그 5개, 소문자, 관련성 있음 (#viral, #fyp 제외)

첫 번째 댓글에 넣을 정확한 링크를 제공하세요. 슬라이드나 출처에 있는 사실만 사용하세요. 게시물이 다른 사람의 제품을 홍보하는 경우, 캡션에 누구의 제품인지 명시합니다.

6. 전달

  • 각 슬라이드가 무엇을 말하는지 한 줄로 알려주고, 가정했거나 확인할 수 없는 내용이 있으면 함께 알려주세요.
  • 내보내기: 슬라이드당 PNG 1× (1080 × 1350은 Instagram의 기본 세로 크기이며, 2×는 어차피 다운스케일됩니다). 파일 이름을 01-cover.png … 순서로 지정하세요.
  • 대체 텍스트: 최소한 표지에 대해 작성하고, 슬라이드 내용을 설명하세요.
  • 제공: 표지 사진, 다른 스타일, 또는 내부 조정.

관련 스킬