html-report ⭐ 추천
마크다운 보고서를 차트·목차·다크모드·A4 인쇄가 내장된 단일 파일 HTML 문서로 렌더링
빠른 시작
마크다운 보고서나 분석 결과를 브라우저에서 바로 열리는 단일 HTML 파일로 만들어 드립니다. 외부 라이브러리 없이 한 파일로 완결되어 이메일 첨부·오프라인 열람이 되고, 차트·목차·다크 모드·A4 인쇄까지 내장됩니다.
Claude에게 말로 부탁하면 됩니다 — /html-report 이 보고서 HTML 파일로 만들어줘처럼요.
/html-report 2분기 경영 현황 정리한 이 마크다운, HTML 보고서로 만들어줘
자연어로 말해도 그대로 동작합니다 — /html-report 접두는 생략 가능합니다.
활용 시나리오
주간·분기 현황 보고
지표·완료 과제·로드맵이 담긴 현황 보고를 KPI 카드·추이 차트·타임라인이 있는 문서로 렌더링합니다.
/html-report 주간 현황 보고서를 하나의 HTML로 렌더해줘
재무 보고
손익계산서·재무상태표·현금흐름표를 표 규격(우측 정렬·천 단위 콤마·증감 부호+색)과 구성비 차트로 정리합니다. 원본 수치는 하나도 빠뜨리지 않습니다 — 넘치는 상세는 접이식 부록으로 들어갑니다.
/html-report 재무제표를 HTML 보고서로 변환해줘
장애·인시던트 회고
타임라인, 영향 범위 표, 오류율 추이 차트, 재발 방지 액션이 구조화된 회고 문서를 만듭니다.
/html-report 결제 게이트웨이 장애 회고를 HTML로 정리해줘. 타임라인 강조해줘
사업계획·기획서
시장 수치, 마일스톤 로드맵, 리스크 매트릭스(심각도×확률), 성공 지표가 시각화된 계획 문서를 만듭니다.
/html-report 이 사업계획을 경영위원회 보고용 HTML 문서로 꾸며줘
가이드·설명서
단계별 절차, FAQ 아코디언, 일정 표가 정리된 안내 문서를 만듭니다.
/html-report SSO 전환 가이드를 사내 배포용 HTML 문서로 만들어줘
PDF가 필요할 때
산출된 HTML을 브라우저에서 열고 인쇄(⌘P / Ctrl+P) → PDF 저장하면 됩니다. A4 인쇄 최적화(페이지 여백·표/차트 잘림 방지·접힌 부록 자동 펼침)가 내장되어 있어 별도 변환 도구가 필요 없습니다.
테마 고르기
기본은 네이비 코퍼레이트(고대비 정통 기업 톤)입니다. 톤을 바꾸고 싶으면 한마디만 덧붙이세요.
/html-report 매거진 톤으로 부드럽게 만들어줘 ← 웜 에디토리얼
/html-report 다크 테마 엔지니어링 리포트로 만들어줘 ← 다크 엔지니어링
디자인이 바뀌어도 품질 계약(차트·목차·인쇄·데이터 무손실)은 동일하게 유지됩니다.
잘 쓰는 팁
- 데이터가 풍부할수록 좋습니다. 표·수치가 많은 원본일수록 차트·KPI 카드가 풍성해집니다. 수치가 없는 서술 위주 문서도 되지만 시각화는 줄어듭니다.
- 원본에 없는 수치는 만들지 않습니다. 반대로 원본의 모든 수치는 본문 또는 부록 어딘가에 반드시 남습니다.
- 다크 모드는 우상단 토글 버튼으로 전환되고, OS 다크 설정도 자동 감지합니다. 인쇄는 항상 라이트로 나갑니다.
- 긴 문서는 좌측 고정 목차로 탐색하세요. 현재 읽는 섹션이 자동 하이라이트됩니다.
- 파일은 기본적으로
reports/폴더에<제목>-<날짜>.html로 저장됩니다. 다른 경로를 원하면 함께 말해주세요.
함께 쓰면 좋은 스킬
- human-tone — 본문 문장을 먼저 다듬은 뒤 렌더링하면 완성도가 올라갑니다.
- docx-design / pptx-design — 같은 내용을 Word·발표자료로 뽑을 때. HTML은 열람·인쇄·공유용, docx는 편집 전달용, pptx는 발표용입니다.
- investigate / market-scan — 리서치 결과를 바로 보고서로 렌더링하는 체인.
제한 사항
- 산출물은 항상 단일 .html 파일 1개입니다. 여러 페이지 사이트나 슬라이드는 만들지 않습니다(슬라이드는 pptx-design).
- 한국어 웹폰트(Pretendard) CDN 1건을 참조합니다 — 오프라인에서도 열리지만 이때는 시스템 폰트로 표시됩니다.