2026.07.30 / Jun
AI 멀티 에이전트 기반 비주얼 컨셉 아트 제작 시스템 (MVP)
Create stories together with AI Agents.
참고 프로젝트: AI Graphic Novel Generator
https://github.com/junsang-dong/goorm-260508-webtoon-creators-pipeline
워밍업: 멀티 에이전트 아키텍처의 개념
에이전트 간 관계(협력/경쟁/위계) 기준과 조직 구조(중앙집중/분산) 기준을 나눠서 알아볼까요?
1) 상호작용 목표 기준 — 협력 vs 경쟁 vs 혼합
| 패턴 | 핵심 아이디어 | 상호작용 방식 | 대표 사례 | 장점 | 한계 |
|---|---|---|---|---|---|
| 협력적 (Cooperative) | 공동 목표를 나눠 맡아 함께 달성 | 작업 분담 + 결과 종합 | 리서치 파이프라인(조사→분석→작성 분업), AutoGen GroupChat | 전문화로 품질↑, 병렬화로 속도↑ | 조율 오버헤드, 책임 소재 모호 |
| 경쟁적 (Competitive) | 여러 에이전트가 각자 답을 내고 겨룸 | 독립 생성 후 선택/투표 | Best-of-N 샘플링, 자기일관성(self-consistency) 투표 | 다양성 확보, 오류 상쇄 | 비용↑(중복 호출), 수렴 안 될 수 있음 |
| 토론형 (Debate) | 서로 반박·검증하며 답을 개선 | 주장→반론→수정 반복 | Multi-Agent Debate, 검토자-작성자 구조 | 환각(hallucination) 감소, 논리 강화 | 라운드 수만큼 비용·지연↑ |
| 혼합형 (Mixed-Motive) | 부분적으로 협력하나 이해가 엇갈림 | 협상·거래 | 자원 배분 시뮬레이션, 협상 봇 | 현실 문제 근접 | 설계·평가 난이도 최고 |
2) 멀티 에이전트 조직 구조 기준 — 누가 흐름을 통제하는가
| 패턴 | 구조 | 제어 방식 | 대표 프레임워크 | 적합한 상황 |
|---|---|---|---|---|
| 오케스트레이터-워커 (Supervisor) | 중앙 관리자 1 + 하위 워커 N | 관리자가 작업을 분해·위임·종합 | LangGraph Supervisor, Claude Subagent | 작업 분해가 명확한 복합 태스크 |
| 계층형 (Hierarchical) | 여러 단계의 관리 계층 | 상위→하위 다단계 위임 | 대규모 조직 시뮬레이션 | 매우 크고 세분화된 문제 |
| 네트워크/분산 (Peer-to-peer) | 중앙 통제 없이 대등한 에이전트 | 각자 판단해 다음 에이전트 호출 | LangGraph Network, AutoGen | 흐름이 유동적, 창발적 협업 |
| 순차 파이프라인 (Sequential) | 정해진 순서로 릴레이 | A→B→C 고정 흐름 | 체인형 워크플로 | 단계가 확정된 정형 업무 |
실제 시스템은 “조직 구조 × 상호작용 목표”의 조합으로 나타납니다. 예를 들어 PlayRank는 오케스트레이터-워커 구조 + 협력적 목표이고, 코드 리뷰 시스템은 흔히 *순차 파이프라인 + 토론형(작성자↔검토자)*입니다.
핵심 가치
이번 프로젝트를 통해 학습자는 하나의 아이디어가 네 개의 GPT 기반 에이전트를 거치며 점진적으로 완성되는 과정을 직접 확인하게 됩니다.
- Storytelling Agent는 기획자이자 작가 역할을 맡아 이야기를 구조화합니다.
- Drawing Agent는 아트 디렉터처럼 각 장면을 시각화하고 여러 시안을 제안합니다.
- Editing Agent는 선택된 스토리와 이미지를 하나의 읽기 좋은 콘텐츠로 편집합니다.
- Publishing Agent는 결과물을 즉시 공유 가능한 웹 콘텐츠로 배포합니다.
이러한 단계적 협업 구조는 이후 Next Studio Pro의 Director’s Bible, Style Lock, Image Critic, Consistency Engine 등 고급 기능으로 자연스럽게 확장되는 학습 기반이 되며, 바이브코딩 입문자가 멀티 에이전트 시스템 설계와 AI 오케스트레이션을 이해하는 훌륭한 첫 프로젝트가 될 것입니다.
1. 프로젝트 목표
학습자는 하나의 아이디어를 입력하면 여러 GPT 기반 에이전트가 협력하여
- 스토리 작성
- 장면 생성
- 이미지 생성
- 블로그 콘텐츠 제작
까지 수행하는 과정을 경험합니다.
핵심은
“AI가 하나가 아니라 여러 명의 전문가처럼 협업한다.”
를 이해하는 것입니다.
2. 학습 목표
실습을 마치면 학습자는 다음을 이해합니다.
✅ Agent의 역할 분리
✅ Agent 간 데이터 전달
✅ Prompt Engineering
✅ AI Workflow
✅ Multi Agent Architecture
3. 기술 스택
Frontend
- Next.js 15
- React 19
- TypeScript
- Tailwind CSS
- shadcn/ui
Backend
Next.js Route Handlers
Server Actions
AI
GPT API
(모든 Agent는 GPT API 기반)
이미지
GPT Image API
(또는 추후 Gemini Image 확장)
배포
Vercel
4. 프로젝트 구조
app/
components/
features/
storyteller/
drawing/
editing/
publish/
lib/
types/
utils/
5. MVP 에이전트 구성
총 4개의 Agent만 사용합니다.
Storytelling Agent
↓
Drawing Agent
↓
Editing Agent
↓
Publishing Agent
Agent 1: Storytelling Agent
입력
한 우주선에서 AI가 인간을 감시하기 시작한다.
↓
GPT
↓
출력
Title
Summary
Scene 1
Scene 2
Scene 3
Scene 4
각 Scene은
- 제목
- 장면 설명
- 이미지 프롬프트
까지 생성합니다.
출력 예시
Scene 1
The Silent Observer
A glowing crimson AI watches every movement...
Agent 2: Drawing Agent
입력
Scene Prompt
↓
GPT Image API
↓
각 Scene마다
2장의 이미지 생성
Scene 1
Image A
Image B
사용자는
A 또는 B
선택
↓
선택 결과 저장
Agent 3: Editing Agent
입력
선택한 이미지
Scene Text
↓
GPT
↓
Markdown 생성
예시
# HAL Awakens
---
## Scene 1
(이미지)
AI는 침묵 속에서 인간을 관찰하기 시작했다.
---
## Scene 2
(이미지)
...
또는
HTML 생성
Agent 4: Publishing Agent
입력
Markdown
↓
자동으로
블로그 페이지 생성
예시
graphicnovelstudio.vercel.app/story/abc123
↓
Public Link 생성
↓
친구에게 공유
6. 전체 Workflow
사용자
↓
Storytelling Agent
↓
4개의 Scene 생성
↓
Drawing Agent
↓
Scene별
Image A
Image B
↓
사용자 선택
↓
Editing Agent
↓
Markdown
HTML
↓
Publishing Agent
↓
Public URL
7. UI
STEP 1
Story
Idea
[ Generate Story ]
STEP 2
Scene
Scene 1
Prompt
Generate
STEP 3
Images
A
B
Choose One
STEP 4
Preview
Graphic Novel
Markdown
HTML
STEP 5
Publish
Publish
↓
Public Link
8. 데이터 흐름
Idea
↓
Story
↓
Scene[]
↓
Prompt[]
↓
Image[]
↓
Selected Images[]
↓
Markdown
↓
HTML
↓
Public URL
9. 프로젝트 구조
Project
├── Story
├── Scenes
│ ├── Prompt
│ ├── Image A
│ ├── Image B
│ └── Selected Image
├── Markdown
└── Public Link
10. 구현 난이도
| 기능 | 난이도 |
|---|---|
| Story 생성 | ⭐ |
| Scene 분리 | ⭐ |
| GPT Image 생성 | ⭐⭐ |
| 이미지 선택 | ⭐ |
| Markdown 생성 | ⭐ |
| Publish | ⭐⭐ |
2시간 실습에서 충분히 구현 가능한 범위입니다.
11. 향후 확장 로드맵
Level 1 (MVP)
- Storytelling Agent
- Drawing Agent
- Editing Agent
- Publishing Agent
Level 2
- Prompt Refiner Agent
- Image Critic Agent
- Style Lock Agent
Level 3
- Character Bible
- World Bible
- Director’s Bible
Level 4
- Scene Consistency Agent
- Comic Layout Agent
- Animation Agent
Level 5
- Next Studio Pro로 확장
- AI Director
- AI Producer
- AI Cinematographer
- AI Color Script
- AI Music Composer
- AI Voice Director
- AI Publishing Suite
