html-slide
Installation
SKILL.md
html-slide — 단일 파일 HTML 슬라이드 덱 생성기
목적과 범위
moai-content:html-slide는 발표용 슬라이드 덱을 단일 파일·자체 완결형 HTML로 만듭니다. 이웃 스킬 html-report의 "0의존·인라인 SVG·design-system-library 토큰 계약" 아키텍처를 계승하되, 연속 스크롤 문서가 아닌 16:9 슬라이드 시퀀스 + 자체 vanilla JS 덱 런타임(키보드 내비게이션·풀스크린·?print-pdf 인쇄 모드·speaker notes 토글)을 제공합니다.
핵심 원칙:
- 단일
.html파일 — 외부 빌드 단계·런타임 SPA 의존 없이file://로 즉시 오픈 - 인포그래픽은 LLM이 인라인 SVG로 직접 저작 — 한국어 숫자·라벨 100% 정확, 확대 선명, 재현 가능
- 실사·일러스트 이미지는 Higgsfield MCP 또는 codex(gpt-image-2)로 생성 — 허용 백엔드만 사용 (
references/image-backend-policy.md) - design-system-library 75개 브랜드 토큰 적용 — 각 토큰별 getdesign.md 상세 페이지 링크 제공
- 편집 가능 PPTX 산출은
pptx-designer(moai-office) 체이닝으로 위임 — 자체 구현하지 않음(중복·책임 모호화 방지)
원고 SSOT: 모든 덱은 구조화 원고 deck.json(title/bullets/chart-data/image-path/layout-key/notes)을 단일 진실 원천으로 둡니다. HTML 렌더와 (체이닝 시) pptx-designer PPTX 렌더 양쪽이 같은 원고를 소비합니다 — 픽셀→OOXML 역매핑이 아니라 원고→객체 직접 생성이 "편집 가능 PPTX"의 보증 기구입니다.