디지털 E-가이드 스킬은(는) 무엇을 하나요?
두 페이지로 구성된 디지털 가이드 미리보기를 나란히 생성합니다. 표지는 인라인 시작 쪽, 내지는 인라인 끝 쪽에 배치됩니다. 라이프스타일 크리에이터 톤, 넉넉한 음수 공간, 세리프 디스플레이 제목, 세심한 컬럼 리듬을 사용합니다.
워크플로우
- 활성 DESIGN.md 읽기 (위에 주입됨). 제목에는 이탤릭 리거처가 있는 세리프 디스플레이 토큰, 본문에는 긴 글을 위한 세리프 토큰, 통계/라벨에는 모노 토큰을 선택합니다.
- 주제 + 저자 선정 — 요청사항에서 선택합니다. 실제 제목(예: "The Creator's Style & Format Guide"), 실제 부제목, 한 줄 저자 바이라인을 생성합니다.
- 레이아웃 — 두 페이지를 틴티드 배경 위에 중앙에 배치합니다:
- 1페이지 — 표지:
- 상단 라벨 ("STYLE & FORMAT GUIDE FOR CREATORS").
- 혼합 두께와 이탤릭 플로리시 단어가 하나 있는 디스플레이 제목 ("The Creator's Style & Format Guide" —
&와guide는 이탤릭). - 3셀 통계 행 ("16 PRINCIPLES OF STYLE", "38 DOS & DON'TS", "1 BLOCK, ZERO TEMPLATES") — 모노 폰트,
·로 구분. - "What's inside" 헤더 + 2열 목차 (장(chapter)과 페이지 번호 — 모노 폰트, 리더 점).
- 하단: "FIND YOUR VOICE" + 페이지 01 (모노 폰트).
- 구석에 은은한 장식용 점 또는 스티커 (CSS).
- 2페이지 — 스프레드:
- 장 번호 + 이름이 있는 상단 라벨 ("CHAPTER 02 · TONE").
- 디스플레이 부제목 ("Write like you talk — only sharper.").
- 2열 본문: 첫 문단 + 번호가 매겨진 4단계 목록 ("01 Pick the rule", "02 Drop the filler"...).
- 인라인 끝 쪽에 고정된 인용문: 라틴 문자 스크립트의 경우 큰 이탤릭 디스플레이와 악센트 색상 사용, 아랍어/페르시아어/우르두어의 경우 이탤릭 없이 일반 또는 가벼운 강조, 히브리어의 경우 이탤릭 없이 일반 또는 가벼운 강조. 출처 포함. (스크립트 인식)
- 하단 스트립: "EXERCISE" 콜아웃 (모노 라벨 + 이탤릭 1문장 프롬프트).
- 하단: 장 제목 + 페이지 18 (모노 폰트).
- 1페이지 — 표지:
- 단일 HTML 문서 작성:
<!doctype html>부터</html>까지, CSS는 인라인.- 페이지는 600×860 크기의 종이톤 카드, 6px 그림자, 서로 반대 방향으로 약간 회전(±0.6deg)하여 책상 위 잡지 느낌.
- 표지, 스프레드, 목차, 인용문, 연습 영역에
data-od-id속성 부여.
- 자가 점검:
- 타입 계층은 에디토리얼 — 제목이 1페이지를 장악하고, 부제목이 2페이지를 장악합니다.
- 이탤릭 악센트는 페이지당 한 번만 사용.
- 모노 폰트는 라벨, 통계, 목차 번호에만 사용.
출력 계약
<artifact> 태그 사이에 출력:
<artifact identifier="eguide-slug" type="text/html" title="E-Guide — Title">
<!doctype html>
<html>...</html>
</artifact>
아티팩트 앞에 한 문장, 뒤에는 아무것도 없음.