클로드스킬마트스킬 둘러보기스킬이 뭐예요?
 
← 목록으로

바오위 인포그래픽 생성기

21가지 레이아웃과 22가지 비주얼 스타일을 조합해 발행 가능한 수준의 인포그래픽을 만들어 주는 스킬입니다.

이미지·영상중급★ 24,749⑂ 2,764AI 점수 8/10마지막 업데이트: 2026. 7. 4.

무엇을 해주나

텍스트, 문서, 링크 등 어떤 내용을 주더라도 인포그래픽 한 장으로 정리해 줍니다.

  • 내용 분석: 주제·데이터 유형·복잡도·톤·독자층을 파악해 analysis.md로 저장
  • 구조화: 제목, 학습 목표, 섹션별 핵심 개념·라벨·시각 요소를 structured-content.md로 정리 (원문 데이터는 요약 없이 그대로 보존)
  • 조합 추천: 21종 레이아웃(타임라인, A/B 비교, 벤토 그리드, 빙산, 퍼널, 지하철 노선도식 등) × 22종 스타일(핸드메이드 크래프트, 클레이메이션, 사이버펑크 네온, 칠판, 픽셀아트, 모란디 저널 등) 중 3~5개 조합을 근거와 함께 제안
  • 확인 게이트: 조합·비율·언어·이미지 백엔드를 사용자가 확정하기 전에는 절대 이미지를 만들지 않음(--no-confirm 명시 시 예외)
  • 프롬프트 기록: 최종 프롬프트를 prompts/infographic.md에 저장해 재현·백엔드 교체가 가능
  • 이미지 생성: 실행 환경에 맞는 이미지 생성 도구를 자동 선택(Codex imagegen, Cursor GenerateImage, baoyu-image-gen 등). SVG/HTML로 대체 렌더링하지 않으며, 글자가 깨졌을 때 비트맵에 덧칠하지 않고 프롬프트를 고쳐 재생성합니다.

이런 분께 추천

  • 블로그·뉴스레터·SNS용 요약 이미지를 자주 만드는 콘텐츠 제작자
  • 강의 자료, 개념 정리도, 학습 로드맵이 필요한 강사·학생
  • 제품 소개, 기능 비교표, KPI 대시보드 이미지가 필요한 마케터·PM
  • 디자인 툴 없이도 일정한 톤앤매너의 시각 자료를 뽑고 싶은 1인 창작자

활용 예시

  1. 긴 리서치 문서를 세로형 대형 이미지로: "이 PDF를 高密度信息大图로 만들어줘" → dense-modules 레이아웃 + morandi-journal 스타일, 9:16 비율 추천 → 확인 후 생성
  2. 경쟁 제품 비교 카드: "A안과 B안 장단점 인포그래픽" → binary-comparison + corporate-memphis, 16:9 → 마케팅 덱에 바로 삽입
  3. 브랜드 톤 맞추기: --ref brand-guide.png --layout bento-grid --style craft-handmade 로 참고 이미지의 팔레트를 추출해 브랜드 컬러에 맞춘 개요 이미지 생성

· · · 설치 가이드 · · ·

Claude 앱에 설치 (터미널 필요 없음)
  1. 아래 버튼으로 ZIP 파일을 받으세요.
  2. Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
  3. Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
↓ ZIP 내려받기
Claude Code에 설치

Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 JimLiu/baoyu-skills 의 skills/baoyu-infographic 폴더를 내 ~/.claude/skills/baoyu-infographic/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.

직접 명령으로 설치하기

git clone https://github.com/JimLiu/baoyu-skills.git && mkdir -p ~/.claude/skills && cp -r baoyu-skills/skills/baoyu-infographic ~/.claude/skills/

⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.

  1. 터미널을 엽니다. (macOS: 터미널, Windows: WSL 또는 Git Bash)
  2. 저장소를 내려받습니다: git clone https://github.com/JimLiu/baoyu-skills.git
  3. 스킬 폴더를 만듭니다: mkdir -p ~/.claude/skills
  4. 스킬을 복사합니다: cp -r baoyu-skills/skills/baoyu-infographic ~/.claude/skills/
  5. references/ 하위 폴더(layouts, styles, config)가 함께 복사되었는지 확인합니다. 없으면 레이아웃·스타일 정의를 읽지 못합니다.
  6. 이미지 생성 백엔드를 준비합니다. Codex의 imagegen, Cursor의 GenerateImage 같은 내장 도구가 있으면 그대로 사용되고, 없다면 baoyu-image-gen 스킬을 같은 방식으로 추가 설치하세요.
  7. Claude Code를 재시작한 뒤 "이 글로 인포그래픽 만들어줘"라고 요청합니다.
  8. 첫 실행에서 선호 설정(EXTEND.md)을 묻습니다. 기본 레이아웃/스타일/비율/언어/이미지 백엔드를 저장해 두면 이후 실행이 빨라집니다. 나중에 바꾸려면 "baoyu-infographic 설정 다시 하기"라고 말하면 됩니다.
GitHub에서 원본 보기 ↗라이선스: MIT