القائمة
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 옵션으로 입력 이미지 첨부