바오위 아티클 일러스트레이터
글을 분석해 삽화가 필요한 위치를 찾고, 타입·스타일·팔레트를 통일한 이미지를 자동 생성해 본문에 삽입해 줍니다.
이미지·영상중급★ 24,749⑂ 2,764AI 점수 8/10마지막 업데이트: 2026. 7. 4.
무엇을 해주나
- 마크다운 글이나 붙여넣은 원고를 읽고 콘텐츠 유형(기술/튜토리얼/방법론/서사) 과 핵심 논점 2~5개를 파악합니다.
- 삽화가 실제로 이해를 돕는 위치를 골라
outline.md(위치·목적·시각 내용·파일명)를 만듭니다. - Type(인포그래픽·씬·플로차트·비교·프레임워크·타임라인) × Style(notion·warm·minimal·blueprint 등) × Palette(마카롱·웜·네온) 세 축을 조합해 글 전체 이미지 톤을 통일합니다.
- 이미지마다 최종 프롬프트를
prompts/NN-{type}-{slug}.md파일로 먼저 저장한 뒤 생성하므로, 나중에 백엔드를 바꿔도 같은 결과를 재현할 수 있습니다. - 기본 4장씩 배치 생성하고, 완료 후 본문 해당 문단 뒤에
형태로 삽입까지 마무리합니다. - 렌더링된 글자가 깨졌을 때 이미지에 덧칠하지 않고 프롬프트를 고쳐 재생성하는 원칙이 명시돼 있어 결과물 품질이 안정적입니다.
이런 분께 추천
- 블로그·뉴스레터·기술 문서에 매번 손으로 이미지를 찾거나 만들던 분
- 여러 편의 글에서 일관된 비주얼 톤을 유지하고 싶은 1인 미디어·콘텐츠 팀
- 개념 설명형 글을 도식(플로차트, 프레임워크)으로 정리하고 싶은 개발자·교육자
- 이미 Codex
imagegen, CursorGenerateImage,baoyu-image-gen등 이미지 생성 수단을 쓸 수 있는 환경
활용 예시
- 기술 블로그 도식화 — "이 글에 이미지 넣어줘 --type infographic --style notion" → 성능 수치와 실제 지표가 라벨로 들어간 인포그래픽 3~5장을 만들고 본문에 삽입.
- 튜토리얼 흐름도 — 설치 가이드 글에
--type flowchart --preset edu-visual을 지정해 단계별 플로차트를 섹션마다 한 장씩(per-section 밀도) 생성. - 에세이 분위기 이미지 — 서사형 글에
--type scene --style watercolor --palette macaron으로 감성적인 장면 삽화 2장만(minimal 밀도) 뽑아 도입부와 결말에 배치. - 레퍼런스 반영 —
--ref brand-guide.png로 브랜드 이미지를 넘겨 팔레트/스타일을 맞춘 삽화 생성.
· · · 설치 가이드 · · ·
Claude 앱에 설치 (터미널 필요 없음)
- 아래 버튼으로 ZIP 파일을 받으세요.
- Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
- Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
Claude Code에 설치
Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요
클로드스킬마트에서 찾은 스킬을 설치해줘. GitHub 저장소 JimLiu/baoyu-skills 의 skills/baoyu-article-illustrator 폴더를 내 ~/.claude/skills/baoyu-article-illustrator/ 에 그대로 복사해줘. 설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.
직접 명령으로 설치하기
git clone https://github.com/JimLiu/baoyu-skills.git && mkdir -p ~/.claude/skills && cp -r baoyu-skills/skills/baoyu-article-illustrator ~/.claude/skills/⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.
- 터미널을 엽니다. (macOS는 터미널, Windows는 WSL 또는 Git Bash 권장)
- 스킬 저장소를 내려받습니다.
git clone https://github.com/JimLiu/baoyu-skills.git - Claude Code 스킬 폴더를 만들고 이 스킬만 복사합니다.
mkdir -p ~/.claude/skills cp -r baoyu-skills/skills/baoyu-article-illustrator ~/.claude/skills/ - 이미지 생성 백엔드를 준비합니다. Codex의
imagegen, Cursor의GenerateImage같은 런타임 내장 도구가 있으면 그대로 쓰이고, 없다면 같은 저장소의baoyu-image-gen스킬도 함께 복사하세요.cp -r baoyu-skills/skills/baoyu-image-gen ~/.claude/skills/ - Claude Code를 재시작하고
/skills(또는 스킬 목록)에서baoyu-article-illustrator가 보이는지 확인합니다. - 처음 실행 시 EXTEND.md 초기 설정이 자동으로 시작됩니다. 출력 폴더(
imgs-subdir권장), 기본 스타일, 언어, 이미지 백엔드를 골라 저장하세요. - 글 파일 경로와 함께 "이 글에 이미지 넣어줘"라고 요청합니다. 3단계 확인 질문(타입/밀도/스타일)에 답하면 생성이 시작됩니다.
- 확인 절차를 건너뛰려면 "바로 생성해" 같은 표현을 함께 적으면 됩니다.
GitHub에서 원본 보기 ↗라이선스: MIT