Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →modu-ai/html-slide
발표용 슬라이드 덱을 브라우저에서 바로 열리는 단일 파일·자체 완결형(self-contained) HTML로 만들어 드립니다. 인포그래픽(차트·다이어그램·KPI)은 한국어 숫자·라벨이 100% 정확한 인라인 SVG로 직접 렌더링하고, 실사 히어로·일러스트 이미지는 Higgsfield MCP 또는 codex(gpt-image-2)로 생성합니다. 필요 시 pptx-designer 체이닝으로 PowerPoint에서 편집 가능한 .pptx까지 병행 산출합니다. 다음과 같은 요청 시 사용하세요: - "발표 슬라이드 HTML로 만들어줘" - "키노트 덱 단일 HTML 파일로 렌더해줘" - "사업계획서 슬라이드 10장, 브라우저에서 바로 열리게" - "데이터 시각화 인포그래픽 슬라이드 HTML로" - "슬라이드 만들고 PPTX로도 저장해줘" - "투자 피칭 덱 인터랙티브 HTML로" - "발표 자료를 HTML 슬라이드 + 편집 가능 PPTX 둘 다" design-system-library 75개
Passed 20 of 25 test cases with the skill, and 7 of 25 without it.
and 10 more in the full report
13 fixed7 passed either way5 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 13 test cases the skill fixed. Same model, same prompt, with and without the skill.
사용자에게 design_system 선택 시 사전 미리보기를 제공하는 getdesign.md 링크 매핑 정보를 담고 있는 참조 문서 경로 파일명은 무엇인가요?
| Checked | Without skill | With skill |
|---|---|---|
| References references/design-system-links.md for getdesign.md preview URL mappings. | Missed | Passed |
The instructions your model reads when the skill loads.
moai-content:html-slide는 발표용 슬라이드 덱을 단일 파일·자체 완결형 HTML로 만듭니다. 이웃 스킬 html-report의 "0의존·인라인 SVG·design-system-library 토큰 계약" 아키텍처를 계승하되, 연속 스크롤 문서가 아닌 16:9 슬라이드 시퀀스 + 자체 vanilla JS 덱 런타임(키보드 내비게이션·풀스크린·?print-pdf 인쇄 모드·speaker notes 토글)을 제공합니다.
핵심 원칙:
.html 파일 — 외부 빌드 단계·런타임 SPA 의존 없이 file://로 즉시 오픈references/image-backend-policy.md)pptx-designer(moai-office) 체이닝으로 위임 — 자체 구현하지 않음(중복·책임 모호화 방지)원고 SSOT: 모든 덱은 구조화 원고 deck.json(title/bullets/chart-data/image-path/layout-key/notes)을 단일 진실 원천으로 둡니다. HTML 렌더와 (체이닝 시) pptx-designer PPTX 렌더 양쪽이 같은 원고를 소비합니다 — 픽셀→OOXML 역매핑이 아니라 원고→객체 직접 생성이 "편집 가능 PPTX"의 보증 기구입니다.
| 인자 | 필수 | 기본값 | 설명 |
|---|---|---|---|
topic / 자연어 주제 | ✓ | — | 덱 주제·대상 청중·발표 목적 |
design_system | — | claude | claude | clickhouse | clay 또는 design-system-library의 75개 시스템. 지정 시 Tailwind Play CDN + shadcn vanilla 컴포넌트로 해당 브랜드 토큰 적용. 각 토큰별 getdesign.md 미리보기 링크는 references/design-system-links.md |
slide_count / 발표 시간 | — | 주제에서 추천 | 3분=5-7장 · 10분=10-15장 · 30분=20-30장 |
aspect_ratio | — | 16:9 | 16:9(프로젝터 표준) | 1:1(소셜/카드뉴스) |
locale | — | ko | ko | en — 헤드라인·카피 언어 |
image_backend | — | higgsfield | higgsfield(Higgsfield MCP, 기본) | codex(gpt-image-2, ChatGPT 구독 한도) | svg-only(이미지 없이 SVG 장식만) |
export_pptx | — | false | true 시 pptx-designer 체이닝으로 편집 가능 .pptx 병행 산출 |
output_path | — | <cwd>/reports/<slug>-slides-<YYYYMMDD>.html | 출력 경로 |
.html 파일 (<cwd>/reports/<slug>-slides-<YYYYMMDD>.html)
export_pptx: true 시): 편집 가능 .pptx (pptx-designer 체이닝)deck.json (HTML·PPTX 양쪽 공통 소스, 산출 디렉토리에 보존)test cases passed, vs 7 / 25 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.