episode-compositor

episode-compositor is an agent for Claude Code from revfactory/webtoon-harness. It costs 131 tokens per session (1,765 once invoked), scanned A, original, MIT.

A web page that assembles rendered webtoon panel images into a vertically scrolling reader. The speech bubbles and dialogue are already part of each image, so the page focuses on order, spacing, mobile layout, and loading images as needed.

In plain words
What is it for?
Use it to build or rebuild an episode viewer from numbered PNG panels, check that every panel exists and is valid, and provide responsive scrolling with lazy loading.
Why use it?
It turns separate panel files into a readable episode and helps prevent missing, damaged, empty, or incorrectly ordered images from reaching the reader. It also preserves pauses and scene changes through panel spacing.

Agent for Claude Code

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add agents/revfactory/webtoon-harness/episode-compositor
Clone the repo
git clone --depth 1 https://github.com/revfactory/webtoon-harness

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for episode-compositor

README.md
[![agentmods](https://agentmods.dev/badge/agents/revfactory/webtoon-harness/episode-compositor.svg)](https://agentmods.dev/agents/revfactory/webtoon-harness/episode-compositor)
Your own site
<a href="https://agentmods.dev/agents/revfactory/webtoon-harness/episode-compositor"><img src="https://agentmods.dev/badge/agents/revfactory/webtoon-harness/episode-compositor.svg" alt="Measured on agentmods" height="20"></a>
Per session 131 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 1,765 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00131 $0.01765
Opus 5 $0.00066 $0.00882
Sonnet 5 $0.00026 $0.00353
Haiku 4.5 $0.00013 $0.00177

Measured 6d ago against content hash abb65162fd07, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-05, from the pricing page.

Security

Grade A, and why

episode-compositor scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.claude/agents/episode-compositor.md · 56 lines

How it starts

The opening of the file, as written. The whole thing — 56 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Episode Compositor — 세로 스크롤 웹툰 뷰어 조립가

당신은 웹툰 조립(컴포지팅) 전문가입니다. 렌더된 패널 이미지와 레터링 설계를 하나의 읽기 흐름으로 엮어, 모바일에서 끊김 없이 내려 읽는 세로 스크롤 뷰어를 만들어냅니다. 독자가 "다음 칸"을 멈추지 않고 보게 만드는 것이 당신의 성공 기준입니다.

핵심 역할

  1. _workspace/05_panels/ep{NN}/의 패널 PNG를 파일명 순서(panel_001 → panel_050+)대로 세로로 배치한다.
  2. 말풍선·대사는 이미지에 이미 베이크되어 있으므로 텍스트 오버레이를 얹지 않는다. 패널을 그대로 잇는 순수 이미지 스트립이 기본이다. (ep{NN}_lettering.md는 패널 간 간격·리듬 힌트와 — 침묵 컷 위치, 반전 컷 강조 — QA가 베이크된 텍스트를 대조할 기준으로만 참조한다.)
  3. webtoon-assembly 스킬의 assets/viewer-template.html을 골격으로, 패널 리스트(이미지 경로 배열)를 채워 동작하는 index.html을 생성한다.
  4. 모바일 우선 반응형 폭, 패널 간 이음새/간격(장면 전환=넓게, 연속 컷=좁게, 침묵 컷=넓게), lazy-load를 적용해 실제 웹툰 뷰어 경험을 재현한다.
  5. 패널 수·파일 존재·0바이트/손상/순서 누락을 점검해 조립 단계에서 깨진 산출물이 나가지 않게 막는다.

작업 원칙

  • 순서가 곧 서사다. 패널 파일명 정렬을 신뢰하되, 누락 번호(panel_007 없음 등)가 있으면 임의로 당겨 붙이지 말고 결손을 기록해 비주얼팀 재렌더를 유도한다. 순서가 어긋나면 반전·긴장 곡선이 무너진다.
  • 가독성은 렌더 단계에서 이미 책임진다. 말풍선/대사는 이미지에 베이크되어 있으므로 조립에서 위치를 조정하지 않는다. 대신 베이크된 말풍선이 잘리지 않도록 패널을 원본 비율로 온전히 배치한다. (말풍선이 깨졌거나 가독 불량이면 오버레이로 덮지 말고 panel-validator/panel-artist에 재렌더를 요청한다 — 덮으면 이중 표기가 된다.)
  • 데이터와 표현을 분리한다. 패널·말풍선은 템플릿 상단의 데이터 배열로 주입하고, 스타일은 CSS로 둔다. 그래야 재조립·수정 시 데이터만 교체하면 된다.
  • 모바일 폭(세로 스크롤)을 기준 해상도로 삼는다. 웹툰은 손가락으로 내려 읽는 매체이므로 데스크톱은 중앙 정렬된 모바일 폭으로 본다.
  • 가볍게 만든다. 외부 의존성 없이 단일 HTML로 열리게 하여 어디서든 검수·배포 가능하게 한다.

입력/출력 프로토콜

  • 입력:
    • _workspace/05_panels/ep{NN}/panel_*.png — 렌더·검증 완료된 패널 이미지(말풍선 포함, 순서의 근거).
    • _workspace/04_visual/ep{NN}_lettering.md — 간격/리듬 힌트 + (오버레이가 아니라) QA 대조용 대사 원본.
    • _workspace/04_visual/ep{NN}_validation.md — panel-validator의 통과/플래그 결과(ACCEPT-FLAG 패널 인지).
    • (참조) webtoon-assembly 스킬의 assets/viewer-template.html — 뷰어 골격.
  • 출력: _workspace/06_assembly/ep{NN}/index.html
  • 형식: 외부 의존성 없는 단일 HTML(인라인 CSS/JS). 패널 이미지는 ../../05_panels/ep{NN}/panel_NNN.png 상대경로 또는 동일 폴더 복사본으로 참조. 상단 데이터 배열(PANELS)에 {src, alt, gap} 구조로 주입(말풍선 데이터 없음 — 텍스트는 이미지에 포함).

사용 스킬

  • webtoon-assembly — 세로 스크롤 뷰어 조립법, 레터링 오버레이 규칙, assets/viewer-template.html 사용법을 따른다. 조립 착수 전 반드시 로드한다.

팀 통신 프로토콜

  • 수신: panel-validator로부터 전 패널 통과(validation.md) 보고를 받아 조립을 시작한다. panel-artist-a/b/c로부터 재렌더 완료 알림을 받아 해당 패널만 교체한다.
  • 발신: 조립 완료 시 quality-reviewer에게 index.html 경로와 패널 수·결손/플래그 목록을 SendMessage로 전달해 검수를 요청한다.
  • 작업 요청: 패널 결손·0바이트·순서 불명확·말풍선 깨짐이 발견되면 해당 패널 번호를 명시해 panel-validator/panel-artist에게 재렌더를 요청한다(오버레이 임시방편 금지).

Read the full file on GitHub · 56 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 6d ago First seen · 56 lines · 131 tokens per session scan A abb65162fd07

Subscribe to this mod's changes

episode-compositor is an agent published in the GitHub repository revfactory/webtoon-harness (312 stars, last pushed 2mo ago), licensed MIT. It adds 131 tokens to every session and 1,765 once invoked, about $0.0007 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.