메뉴
codex의 image-to-image 기능으로 기존 컷 이미지에 손그림 말풍선·효과음을 직접 박아 진짜 웹툰 스타일 임팩트를 만드는 스킬. shout·큰 SFX·강조 dialogue만 처리하는 하이브리드 분담. CSS 말풍선의 어색함을 넘어설 때 반드시 사용. bubble-artist 에이전트가 호출한다.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
한국 웹툰 스타일의 풍부한 대사를 작성하는 스킬. shot_list의 빈약한 텍스트 메타를 6가지 텍스트 타입(대사·생각·외침·속삭임·내레이션·효과음)으로 풍성하게 채워 shot_list_enriched.json을 만든다. 회차 추가 작성·기존 회차 대사 보강·대사 부족 피드백·웹툰 풍부화 요청 시 반드시 사용. dialogue-writer 에이전트가 호출한다.
시즌 전체 회차의 서사 흐름을 진단하고 빠진 장면·약한 인과·일관성 깨짐을 식별하여 보완 컷을 처방하는 스킬. 회차 추가·기존 회차 보완·서사 검증·연결성 점검 요청 시 반드시 사용. narrative-doctor 에이전트가 호출한다.
생성된 컷 이미지와 shot_list의 텍스트 메타를 결합하여 마우스/터치 스크롤로 읽을 수 있는 단일 세로 스크롤 웹툰 HTML 페이지(index.html)를 만드는 스킬. 말풍선·내레이션·시스템 UI·글리치를 모두 HTML/CSS로 오버레이한다. panel-assembler 에이전트가 호출한다.
systemless-player 시나리오를 토대로 세로 스크롤 웹툰을 회차 단위로 제작하는 오케스트레이터 스킬. 8인 전문가 팀(character-designer / scene-director / dialogue-writer / narrative-doctor / image-prompt-engineer / image-generator / panel-assembler / consistency-qa)을 조율하여 캐릭터 일관성 보장된 마우스 스크롤 가능한 HTML 웹툰을 출력한다. 트리거 - "웹툰 그려줘", "1화 그려줘", "에피소드 N 제작", "시즌 1 시작", "캐릭터 시트 만들어줘", "다시 그려줘", "재실행", "수정", "보완", "대사 보강", "대사 추가", "장면 추가", "서사 보완", "갭 채우기", "연결성 점검", "{회차}의 {특정 컷}만 다시", "이전 결과 기반으로 개선", "다음 화 작업" 등 시스템리스 플레이어 웹툰 제작 관련 모든 요청에 사용. 단, 시나리오/줄거리 자체를 새로 쓰는 것은 이 스킬의 범위가 아니다.
웹툰 캐릭터의 시각 레퍼런스 시트(외형 JSON + 정면/측면/표정/포즈 이미지)를 만들어 시즌 내내 캐릭터 일관성을 보장하는 스킬. 새 캐릭터 셋업, 기존 캐릭터 외형 변형(예: 부상으로 의상·신체 변화) 추가, 시트 갱신이 필요할 때 사용. character-designer 에이전트가 호출한다.
생성된 웹툰 이미지·HTML 페이지를 캐릭터 시트·스타일 바이블·컷 리스트와 교차 비교하여 일관성 위반을 잡아내는 QA 스킬. 캐릭터 외형 드리프트, 시그니처 누락, 색 위반, 스크롤 호흡 깨짐, 텍스트 불일치 4축으로 검수한다. consistency-qa 에이전트가 호출한다.
| name | webtoon-bubble-overlay |
| description | codex의 image-to-image 기능으로 기존 컷 이미지에 손그림 말풍선·효과음을 직접 박아 진짜 웹툰 스타일 임팩트를 만드는 스킬. shout·큰 SFX·강조 dialogue만 처리하는 하이브리드 분담. CSS 말풍선의 어색함을 넘어설 때 반드시 사용. bubble-artist 에이전트가 호출한다. |
CSS clip-path로 만든 가시 말풍선은 기계적이고 단조롭다. 진짜 한국 웹툰의 손그림 말풍선은 거친 외곽선·자연스러운 가시·약간 기울어진 글씨로 독자의 시선을 잡는다. 모든 텍스트가 아닌 임팩트 텍스트(shout · 큰 SFX · 강조 dialogue)에만 적용하여 시간·비용을 통제한다.
-i <image> 옵션 사용. 기존 PNG를 첨부 → 말풍선 추가 → 새 PNG 생성.cut_{NN}.png → cut_{NN}.orig.png 백업 후 작업.shot_list_enriched.json의 각 컷에서 render_target: "image"인 텍스트만 추출.
자동 분류 기본값:
| 텍스트 타입 | render_target 기본값 |
|---|---|
| shout | image |
| sfx (큰 효과음: 쾅·콰지직·퍼억·쿵·쾅쾅 등) | image |
| sfx (작은 효과음: 터벅·ping·지직 등) | html |
| dialogue (1-3단어, 감정 강함) | image |
| dialogue (일반 대화) | html |
| thought, whisper, narration | html (항상) |
| system_ui_text, operator_text, monster_emotion, glitch_text | html (항상) |
dialogue-writer가 enriched JSON 작성 시 이 분류를 적용.
cp images/cut_{NN}.png images/cut_{NN}.orig.png
이미 .orig.png가 있으면 건너뜀 (재실행 시 원본 보존).
입력 이미지 첨부 + 정밀 프롬프트:
cd <ep_dir>/images
codex exec --sandbox workspace-write --skip-git-repo-check --cd . \
-i ./cut_{NN}.orig.png \
-o /tmp/codex-bubble-{ep}-{cut}.md \
"첨부한 이미지를 입력으로 받아 한국 웹툰 스타일의 손그림 말풍선/효과음을 추가한 새 이미지를 생성하세요.
요구사항:
(1) [위치]에 [말풍선 종류] 모양 [요소]을 그리고 그 안에 [한글 텍스트] 텍스트를 넣으세요.
(2) [디자인 명세 — 색, 외곽선, 글씨 굵기]
(3) 원본 이미지의 [보존할 시그니처]는 절대 손대지 말고 그대로 유지.
(4) 말풍선/효과음 크기는 컷의 [1/4 / 1/3] 이하, [영역 제한]에만 배치.
./cut_{NN}.png 로 저장하고 경로만 한 줄 보고."
cut_{NN}.bubble.meta.json 작성.
"좌측 하단에 빨간색 가시(spike) 모양의 외침 말풍선(shout bubble)을 그리고 그 안에 흰색 굵은 한글 '안 돼!!!' 텍스트를 넣으세요. 말풍선은 손그림 느낌의 거친 외곽선, 빨강 #FF3B3B 채움, 검정 굵은 테두리. 가시는 8-10개. 말풍선 크기는 좌측 하단 1/4 영역에만 배치."
"우측 상단에 노란색 가시 모양의 외침 말풍선을 그리고 안에 검정 굵은 한글 '뭐야?!' 텍스트. 말풍선은 손그림 느낌의 거친 외곽선, 노랑 #FFD93D 채움, 검정 굵은 테두리. 가시 6-8개. 우측 상단 1/5 영역에만 배치."
"컷 중앙 상단에 굵은 산세리프 한글 '쾅—————' 효과음을 그리세요. 글씨는 흰색 채움 + 검정 굵은 외곽선(3-4px), 5-10도 기울임, 컷 가로폭의 60% 정도 크기. 글씨 끝의 '—'는 갈라지듯 길게 흩어짐. 원본 4분할 구도와 시스템 UI는 그대로."
"검 충돌 지점(좌측 상단 1/4)에 굵은 한글 '챙—' 효과음을 그리세요. 흰색 채움 + 검정 외곽선, 약간 기울임. 컷의 1/8 크기. 청록 검광 효과는 그대로 유지."
"우측 하단에 둥근 흰 말풍선을 그리고 안에 검정 굵은 한글 '믿어줘.' 텍스트를 넣으세요. 말풍선은 손그림 거친 외곽선, 흰 #FFFFFF 채움, 검정 굵은 테두리(2-3px), 둥근 꼬리가 화자 쪽을 향함. 우측 하단 1/4 영역에만 배치."
cut_{NN}.orig.png) 존재-i 옵션으로 입력 이미지 첨부