문서

스크립트 태그와 커스텀 엘리먼트만으로 첫 스트립을 렌더링합니다.

패널 하나에서 시작해 두 명이 대화하는 장면까지, Comic Strip Document를 단계적으로 구성합니다.

얼굴별로 렌더링되는 감정 휠과, 몸통을 담당하는 세 가지 제스처를 설명합니다.

하나의 장면에 적용되는 여섯 가지 프레이밍 프리셋과, 룸 타이틀, 어두운 패널, 대사 없는 인물을 설명합니다.

대사, 생각, 캡션 말풍선이 줄바꿈되고 쌓이고 머리 옆 공간을 찾는 방식을 설명합니다.

스트립이 1열, 2열, 3열 중 어느 것을 선택하는지, 그리고 패널 크기가 어떻게 결정되는지 설명합니다.

기본 제공되는 두 팩을 사용하는 방법, 여러 팩을 함께 등록하는 방법, 나만의 캐릭터를 추가하는 방법을 설명합니다.

Astro 없이, 어떤 페이지나 프레임워크에서도 사용할 수 있는 comic-strip 커스텀 엘리먼트입니다.

인테그레이션과 컴포넌트의 모든 옵션, 그리고 현재의 제약 사항을 정리합니다.

<ComicStrip> 컴포넌트의 props와, prop이 바뀌어도 엘리먼트가 리마운트되지 않는 이유를 설명합니다.

<ComicStrip> 컴포넌트의 props와, prop이 바뀌어도 엘리먼트가 리마운트되지 않는 이유를 설명합니다.

App Router에서 안전한 클라이언트 경계로 감싼 <ComicStrip>과 SSR 플레이스홀더 헬퍼는, 이제 @toonstrip/react와 @toonstrip/cli에 직접 내장되어 있습니다.

Comic Strip Document의 모든 필드를 정리한 문서로, 공개된 JSON Schema로부터 생성됩니다.

엘리먼트가 보조 기술을 위해 무엇을 출력하는지, 그리고 소리 내어 읽었을 때 자연스러운 대사를 쓰는 방법을 설명합니다.

AI 없음, 게임 엔진 없음, 라이선스와 상표, 브라우저 지원, 서버 렌더링에 대해 정리합니다.

문서 형식을 AI 코딩 에이전트에게 가르쳐, 더 이상 추측에 의존하지 않게 만드는 패키징된 SKILL.md입니다.

PNG 폴더 하나, 또는 라벨이 붙은 시트 한 장을 유효한 toonstrip 에셋 팩으로 변환합니다.