클로드스킬마트스킬 둘러보기바로 쓰는 문장영상으로 배우기터미널 사용법스킬이 뭐예요?
 
← 목록으로

스마트 일러스트레이터 (Smart Illustrator)

글·PPT·커버 이미지를 분석해 Gemini·Excalidraw·Mermaid로 자동 삽화를 만들어주는 이미지 생성 스킬.

이미지·영상중급★ 536⑂ 82AI 점수 8/10마지막 업데이트: 2026. 6. 26.

무엇을 해주나

마크다운 문서를 읽어 삽화가 필요한 지점(보통 3~5곳)을 찾아내고, 내용 성격에 맞는 엔진을 골라 이미지를 생성합니다.

  • 문서 삽화 모드(기본): 본문 분석 → 삽화 위치 선정 → 이미지 생성 → {문서명}-image.md 로 저장
  • PPT/슬라이드 모드: 스크립트를 여러 장의 16:9 인포그래픽으로 일괄 생성
  • 커버 모드: 유튜브(16:9), 위챗(2.35:1), 트위터(1.91:1), 샤오홍슈(3:4) 등 플랫폼별 커버 이미지
  • 3단 엔진 선택: 은유·창의 이미지는 Gemini, 개념·비교도는 Excalidraw, 노드 8개 초과의 복잡한 흐름도는 Mermaid
  • --prompt-only 로 API 호출 없이 프롬프트만 뽑아 Gemini 웹에 붙여넣기
  • --style light / dark / minimal / bento 로 톤 통일 (Bento Grid 기능 소개 이미지 지원)

이런 분께 추천

  • 블로그·뉴스레터·기술 문서에 매번 이미지 만들기가 귀찮은 콘텐츠 제작자
  • 강의·발표 자료를 스크립트에서 곧바로 인포그래픽으로 바꾸고 싶은 분
  • 유튜브 썸네일과 SNS 커버를 일관된 스타일로 대량 생산하려는 크리에이터
  • Mermaid만으로는 밋밋해서 손그림 느낌의 개념도를 원하는 개발자

활용 예시

  1. /smart-illustrator posts/claude-agent.md — 글을 분석해 커버 1장 + 본문 삽화 3~4장을 만들고 claude-agent-image.md 생성
  2. /smart-illustrator lecture-03.md --mode slides --prompt-only — 강의 스크립트를 슬라이드용 JSON 프롬프트로 변환하고 클립보드에 복사, Gemini 웹에서 직접 생성
  3. /smart-illustrator --mode cover --platform youtube --topic "Claude 4 심층 리뷰" — 16:9 유튜브 썸네일만 단독 생성
  4. /smart-illustrator guide.md --engine excalidraw — 모든 도식을 손그림 스타일 Excalidraw PNG로 통일

· · · 설치 가이드 · · ·

설치 없이 지금 한 번 써보기

아래를 Claude에 붙여넣으면 설치하지 않고도 이 스킬을 그대로 씁니다.

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/axtonliu/smart-illustrator/HEAD/SKILL.md

내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)

Claude가 링크를 열지 못하면, 링크를 직접 열어 내용을 복사해 붙여넣으세요.

↓ 쓸 만하면 아래에서 ZIP을 받아 설치하세요. 그러면 매번 붙여넣지 않아도 알아서 작동합니다.

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

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

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

직접 명령으로 설치하기

git clone https://github.com/axtonliu/smart-illustrator.git ~/.claude/skills/smart-illustrator

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

  1. 터미널을 열고 스킬 폴더가 있는지 확인합니다: mkdir -p ~/.claude/skills
  2. 저장소를 클론합니다: git clone https://github.com/axtonliu/smart-illustrator.git ~/.claude/skills/smart-illustrator
  3. styles/, scripts/, references/ 폴더가 함께 복사됐는지 확인합니다: ls ~/.claude/skills/smart-illustrator
  4. 이미지 생성을 위해 Gemini API 키를 환경변수에 등록합니다. (예: echo 'export GEMINI_API_KEY=발급받은키' >> ~/.zshrc && source ~/.zshrc)
  5. 스크립트 실행에 Node/npx가 필요합니다. npx -v 로 확인하고 없으면 Node.js LTS를 설치하세요. (bun은 npx -y bun 으로 자동 실행됩니다)
  6. Claude Code를 재시작한 뒤 /smart-illustrator 내문서.md 를 실행해 봅니다.
  7. API 키 없이 먼저 시험하고 싶다면 --prompt-only 를 붙여 프롬프트만 받아 Gemini 웹에 붙여넣으세요. (클립보드 복사는 macOS 기준이며, Windows/Linux에서는 /tmp 백업 파일을 사용합니다)
GitHub에서 원본 보기 ↗라이선스: MIT