
기사 컨셉을 기묘한 손그림 일러스트레이션으로 바꿔주는 AI 에이전트 스킬을 만들었습니다
요약
기술 기사의 추상적인 개념을 독특하고 기억에 남는 손그림 스타일의 일러스트레이션으로 변환하는 AI 에이전트 스킬을 소개합니다. 단순한 프롬프트가 아닌, 에이전트가 시각적 은유를 이해하도록 학습된 특화된 스킬입니다.
핵심 포인트
- 기사 내용을 시각적 은유로 변환하는 AI 에이전트 스킬 개발
- 단순 스톡 이미지 대신 독창적이고 기억에 남는 일러스트레이션 생성
- 프롬프트 수준을 넘어 에이전트의 사고 방식을 가르치는 스킬 형태
모든 기술 기사는 결국 똑같은 벽에 부딪힙니다. 스스로 자랑스러워할 만한 글을 다 썼는데, 이제 이미지가 필요해지는 순간이죠. 그래서 보통은 흔히 볼 수 있는 것들을 찾게 됩니다. 화이트보드를 가리키고 있는 누군가의 스톡 사진, 일반적인 그라데이션 배너, 혹은 인터넷에 있는 다른 모든 플로우차트(flowchart)와 똑같이 생긴 플로우차트 같은 것들 말이죠. 하지만 그 누구도 그것들을 기억하지 못합니다.
저는 그 반대의 것을 원했습니다. 무언가를 실제로 '말해주는' 일러스트레이션, 즉 단락 속에 숨겨진 판단이나 프로세스를 가져와서 작고, 기묘하며, 기억에 남는 하나의 그림으로 바꾸는 것을 원했습니다.
그래서 저는 바로 이 역할을 수행하는 AI 에이전트 스킬인 **Kunaal's Illustrations**를 만들었습니다.
이것의 실체
이것은 프롬프트(prompt)가 아닙니다. PPT 템플릿도 아닙니다. 이것은 당신의 AI 에이전트에 추가하여 일러스트레이션에 대해 매우 구체적인 방식으로 생각하도록 가르치는 **스킬 (skill)**입니다.
"너무 많은 할 일, 집중력은 제로." 떠다니는 종이 섬 사이를 지치도록 뛰어다니지만, 정작 어느 섬에도 착륙하지 못하는 소년.
"엉망인 생각이 구조가 되다." 머리 위로 엉킨 생각의 구름을 띄운 채 책상에 앉아 있는 소녀, 그리고 그녀의 펜 끝 아래 페이지에는 깔끔하고 구조적인 선들이 형성되고 있습니다.
"준비, 현실을 마주하다." 노력에 비해 성적이 나오지 않자 공중에 종이를 내던지는 소년.

이 중 그 어떤 것도 메시지를 전달하기 위해 설명(caption)이 필요하지 않았습니다. 그것이 핵심입니다.
시각적 DNA (The visual DNA)
모든 것이 마치 한 사람의 손에서 나온 것처럼 보이도록 스타일을 의도적으로 절제했습니다:
- 순백색 배경 (Pure white background) — 종이 질감, 그림자, 그라데이션 없음.
- 검은색 손그림 라인 아트 (Black hand-drawn line art) — 얇고 약간은 흔들리는 선.
- 풍부한 여백 (Lots of white space) — 피사체는 프레임의 약 40~60%만 차지함.
- 드문드문 사용된 빨간색 / 주황색 / 파란색 손글씨 라벨 (Sparse red / orange / blue handwritten labels) — 라벨이 진정으로 도움이 될 때만 사용.
- 이미지 하나 = 아이디어 하나 (One image = one idea). 한 장의 그림에 한 챕터 전체를 억지로 구겨 넣지 않음.
두 명의 기본 캐릭터는 소년 (짧은 검은 머리, 연한 파란색 티셔츠, 회색 바지)과 소녀 (어깨까지 오는 검은 머리, 노란색 티셔츠, 진한 회색 바지)입니다. 이들은 마스코트가 아닙니다. 컨셉이 요구하는 황당한 일을 수행하는 작업자들입니다.
대상 (Who it's for (and who it isn't))
다음과 같은 경우에 매우 적합합니다:
- 영어 기사, 블로그 또는 Notion 문서를 작성하며 본문 내 삽입할 일러스트레이션이 필요한 경우
- 방법론, 지식 또는 AI 워크플로우 (AI-workflow) 콘텐츠를 제작하는 경우
- 추상적인 판단을 구체적이고 약간 기묘한 은유 (metaphor)로 바꾸는 것을 좋아하는 경우
- 발행하는 모든 콘텐츠에서 일관성을 유지하는 재사용 가능한 시각 언어를 원하는 경우
만약 세련된 브랜드 키 비주얼 (brand key visuals), 기업용 플랫 일러스트레이션 (corporate flat illustrations), 복잡한 아키텍처 다이어그램 (architecture diagrams), 귀여운 이모지 스타일의 마스코트, 또는 엄격하게 편집 가능한 벡터 소스 파일 (vector source files)을 원한다면 이 도구는 당신을 위한 것이 아닙니다. 그것은 다른 도구의 영역입니다.
내부 작동 원리 (How it works under the hood)
이 스킬은 단일 이미지를 생성하는 대신, 주관이 뚜렷한 소규모 워크플로우 (workflow)를 실행합니다:
- 텍스트 소화 (Digest the text) — 기사를 읽고 인지적 닻 (cognitive anchors), 즉 핵심 판단, 전환점, 전/후의 순간들을 찾아냅니다.
- 선 계획, 후 드로잉 (Plan first, draw later) — 4~8개의 이미지로 구성된 샷 리스트 (shot list)를 출력합니다. 각 이미지에 대해 해당 이미지가 따르는 문단, 테마, 핵심 의미, 구조 유형, 캐릭터의 동작, 그리고 제안된 라벨을 작성합니다.
- 한 번에 하나의 이미지 생성 (Generate one image at a time) — 이미지를 이어 붙이지 않으며, 각 이미지는 정확히 하나의 아이디어만을 담습니다.
- 체크리스트를 통한 QA (QA against a checklist) — 배경이 깨끗한 흰색인가? 충분한 여백 (white space)이 있는가? 캐릭터가 실제로 무언가를 하고 있는가? 실수로 파워포인트 슬라이드처럼 보이지는 않는가? 만약 통과하지 못하면 다시 생성합니다.
- 저장 및 보고 (Save and report) — 최종 PNG 파일들은
Generated/폴더에 저장되며, 어떤 이미지가 확실한 결과물인지, 어떤 것이 선택 사항인지에 대한 노트가 함께 제공됩니다.
일러스트레이션 계획만 필요하고 직접 그리고 싶다면 2단계에서 멈출 수도 있습니다.
직접 사용해보기
가장 빠른 방법 (제가 사용하는 방식):
- Antigravity를 열고 Gemini 3.1 Pro (High) 모델을 선택합니다.
- 채팅창에 리포지토리의
.gitURL을 붙여넣고 에이전트에게 클론/설치(clone/install)하라고 명령합니다. - 프롬프팅을 시작합니다.
또는 에이전트의 스킬 디렉토리에 수동으로 설치할 수 있습니다:
git clone https://github.com/Yuvakunaal/kunaal-illustrations.git
cd kunaal-illustrations
cp -R ./kunaals-illustrations ~/.gemini/config/skills/
그러면 프롬프트는 놀라울 정도로 간단합니다. 전체 기사 모드(Whole-article mode):
Use $kunaals-illustrations to generate 4 bizarre in-text illustrations for the article below.
Requirements: wide composition, pure white background, black hand-drawn line art,
sparse red/orange/blue English handwritten annotations.
...
계획만 세우는 모드(Planning-only mode):
Use $kunaals-illustrations, do not generate images yet.
Analyze where this article is worth illustrating and output a shot list of about 5 images.
...
단일 컨셉 모드(Single concept):
Use $kunaals-illustrations to generate an in-text illustration for
"Trust is not shouted out, but built piece by piece with evidence."
Make it bizarre but clean, and the boy must carry the core action.
사용하면서 배운 몇 가지 점이 있습니다. 레이블 텍스트를 짧게 유지하세요(이미지에 단어가 적을수록 출력이 더 안정적입니다). 그리고 각 그림은 하나의 아이디어를 담도록 하세요. AI 이미지 모델은 여전히 가끔 오타를 만들거나 스타일에서 벗어날 수 있습니다—그럴 때는 레이블 개수를 줄이고 재생성하면 보통 해결됩니다.
라이선스에 대한 참고 사항
이 레포지토리는 **듀얼 라이선스(dual-licensed)**입니다. 스킬 코드, 프롬프트 템플릿, 문서는 MIT이며, 예시 이미지, 캐릭터 IP, 스타일 레퍼런스는 CC BY 4.0입니다. 만약 이 캐릭터나 스타일을 사용하거나 각색한다면, 반드시 _"Kunaal's Illustrations by Kunaal"_로 출처를 밝히고 해당 레포지토리를 링크해 주세요.
직접 사용해 보세요
만약 기술적인 글을 작성하는데 평범한 스톡 이미지에 지쳤다면, 다음 포스트에서 이것을 시도해 보시길 바랍니다.
만약 이것으로 재미있는 것을 만들었다면 댓글에 공유해 주세요—여러분의 에이전트가 무엇을 그리는지 보고 싶습니다. 그리고 레포에 별점을 주는 것은 진심으로 도움이 됩니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 Dev.to AI tag의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기
