Repolode
guilhermealvestech

guilhermealvestech/carrossel-skill

브랜드 스타일의 Instagram 캐러셀을 대본부터 갤러리, 슬라이더, 버전 비교 기능을 갖춘 2배 해상도 PNG 내보내기까지 제작하는 Claude Code 및 Codex 스킬입니다.

대체할 수 있는 제품:Canva

스타
115
포크
16
열린 이슈
0
마지막 커밋
6일 전

어떤 프로젝트인가요?

carrossel은 일관된 브랜드 스타일의 소셜 미디어 캐러셀을 제작하는 Claude Code 및 Codex용 스킬입니다. 여러 단계로 작업하며, AI가 슬라이드별 카피 초안을 작성하고 승인을 기다린 다음에야 시각 요소를 만듭니다. 승인된 작업물은 이후 캐러셀의 참고 자료로 활용되므로 시리즈 전체의 디자인이 일관되게 유지됩니다.

각 슬라이드는 편집 가능한 HTML, 1080×1350 PNG, 2160×2700 PNG로 내보냅니다. 결과물에는 모든 작업물과 버전을 모아 보는 갤러리, 미리 보기와 다운로드를 지원하는 슬라이더, 나란히 비교하는 화면이 포함됩니다. 기존 웹사이트, 로고, 게시물을 바탕으로 브랜드를 설정하거나, 몇 가지 질문에 답하고 방향을 선택해 처음부터 만들 수도 있습니다.

거절 및 승인 내역은 GOSTO.md 파일에 저장되며, 스킬은 새 작업을 시작하기 전에 이 파일을 읽습니다. 프로젝트를 사용하려면 Node 18+가 필요하며, 렌더링을 위해 Playwright와 Chromium을 설치합니다.

핵심 기능

  • 01슬라이드별 카피 초안을 작성하고, 디자인에 들어가기 전에 승인을 기다립니다.
  • 02각 슬라이드를 편집 가능한 HTML과 1080×1350 및 2160×2700 PNG로 내보냅니다.
  • 03갤러리, 슬라이더, 버전 나란히 비교 기능을 제공합니다.
  • 04기존 웹사이트를 바탕으로 하거나 처음부터 브랜드 아이덴티티를 만듭니다.
  • 05승인 및 거절 선호도를 GOSTO.md에 저장해 이후 작업에 반영합니다.

활용 사례

  • 기존 브랜드에 어울리는 Instagram 캐러셀 시리즈를 제작할 때.
  • 제품 출시나 주제를 캡션까지 준비된 여러 슬라이드 게시물로 만들 때.
  • 콘텐츠를 제작하기 전에 안내 질문에 답해 새 브랜드의 시각적 아이덴티티를 설정할 때.

빠른 시작

  1. 1

    저장소를 클론합니다

    git clone https://github.com/guilhermealvestech/carrossel-skill
  2. 2

    스킬을 Claude Code의 skills 폴더에 복사합니다

    cp -r carrossel-skill/skills/carrossel ~/.claude/skills/carrossel
  3. 3

    스킬에 필요한 Node 종속성을 설치합니다

    npm install --prefix ~/.claude/skills/carrossel
  4. 4

    Playwright용 Chromium 브라우저를 설치합니다

    npx --prefix ~/.claude/skills/carrossel playwright install chromium

사용 전 알아둘 점

  • Node 18 이상과 Playwright용 Chromium 설치가 필요합니다.
  • Claude Code 또는 Codex용으로 설계되었으며, 독립 실행형 앱이 아닙니다.

포함된 컬렉션

토픽

자주 묻는 질문

carrossel-skill은(는) 무엇인가요?
브랜드 스타일의 Instagram 캐러셀을 대본부터 갤러리, 슬라이더, 버전 비교 기능을 갖춘 2배 해상도 PNG 내보내기까지 제작하는 Claude Code 및 Codex 스킬입니다. carrossel은 일관된 브랜드 스타일의 소셜 미디어 캐러셀을 제작하는 Claude Code 및 Codex용 스킬입니다. 여러 단계로 작업하며, AI가 슬라이드별 카피 초안을 작성하고 승인을 기다린 다음에야 시각 요소를 만듭니다. 승인된 작업물은 이후 캐러셀의 참고 자료로 활용되므로 시리즈 전체의 디자인이 일관되게 유지됩니다.
carrossel-skill은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
carrossel-skill은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
carrossel-skill은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. carrossel-skill의 마지막 커밋은 2026년 11월 1일입니다.
carrossel-skill은(는) 어디에 사용할 수 있나요?
기존 브랜드에 어울리는 Instagram 캐러셀 시리즈를 제작할 때. 제품 출시나 주제를 캡션까지 준비된 여러 슬라이드 게시물로 만들 때. 콘텐츠를 제작하기 전에 안내 질문에 답해 새 브랜드의 시각적 아이덴티티를 설정할 때.
carrossel-skill는 어떻게 설치하나요?
저장소를 클론합니다: git clone https://github.com/guilhermealvestech/carrossel-skill 스킬을 Claude Code의 skills 폴더에 복사합니다: cp -r carrossel-skill/skills/carrossel ~/.claude/skills/carrossel 스킬에 필요한 Node 종속성을 설치합니다: npm install --prefix ~/.claude/skills/carrossel Playwright용 Chromium 브라우저를 설치합니다: npx --prefix ~/.claude/skills/carrossel playwright install chromium
carrossel-skill은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/guilhermealvestech/carrossel-skill

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트