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 인쇄 최적화(페이지 여백·표/차트 잘림 방지·접힌 부록 자동 펼침)가 내장되어 있어 별도 변환 도구가 필요 없습니다.
스타일 고르기
스타일은 골격(가족) 과 팔레트 두 축으로 정해집니다. 한마디만 덧붙이면 되고, 아무 말도 없으면 문서 성격에 맞는 후보 2~3개를 물어봅니다.
| 가족 | 이런 문서에 | 이렇게 말하면 |
|---|---|---|
| 코퍼레이트 리포트 | 분기·주간 현황, 이사회 보고 | "이사회 보고용으로", "현황 보고서로" |
| 컨설팅 문서형 | 전략 검토, IR, 의사결정 요청 | "컨설팅 보고서 스타일로", "결론 먼저" |
| 에디토리얼 | 연차보고서, 브랜드 서사, 심층 분석 | "매거진 톤으로", "연차보고서처럼" |
| 미니멀 문서 | 사내 가이드, 기술 문서, 장애 회고 | "노션처럼 깔끔하게", "회고 문서로" |
| 공공기관 보고서형 | 정부·지자체·공공기관 제출/결재 문서 | "공공기관 보고서 양식으로", "개조식으로" |
/html-report 이 전략 검토를 컨설팅 보고서 스타일로 만들어줘
/html-report 상반기 추진 현황을 시청 결재용 개조식 보고서로 만들어줘
/html-report 연차보고서를 매거진 톤 HTML로
팔레트는 가족마다 기본값이 있고(코퍼레이트=삼성 블루 계열, 컨설팅=네이비, 에디토리얼=크림·코랄, 미니멀=모노크롬 또는 다크, 공공기관=흑백), "다크 테마로"·"우리 브랜드 컬러로(DESIGN.md 첨부)" 처럼 바꿀 수 있습니다. docx-design·pptx-design 과 같은 design-core 프리셋을 쓰므로 워드·발표자료와 톤을 맞출 수 있습니다.
디자인이 바뀌어도 품질 계약(차트·목차·인쇄·데이터 무손실)은 동일하게 유지됩니다. 공공기관 보고서형은 흑백 인쇄에서도 차트·등급이 읽히도록 만들어집니다.
잘 쓰는 팁
- 데이터가 풍부할수록 좋습니다. 표·수치가 많은 원본일수록 차트·KPI 카드가 풍성해집니다. 수치가 없는 서술 위주 문서도 되지만 시각화는 줄어듭니다.
- 원본에 없는 수치는 만들지 않습니다. 반대로 원본의 모든 수치는 본문 또는 부록 어딘가에 반드시 남습니다.
- 다크 모드는 우상단 토글 버튼으로 전환되고, OS 다크 설정도 자동 감지합니다. 인쇄는 항상 라이트로 나갑니다(공공기관형은 흑백 판독까지 보장).
- 긴 문서는 좌측 고정 목차로 탐색하세요. 현재 읽는 섹션이 자동 하이라이트됩니다.
- 파일은 기본적으로
reports/폴더에<제목>-<날짜>.html로 저장됩니다. 다른 경로를 원하면 함께 말해주세요.
함께 쓰면 좋은 스킬
- human-tone — 본문 문장을 먼저 다듬은 뒤 렌더링하면 완성도가 올라갑니다.
- docx-design / pptx-design — 같은 내용을 Word·발표자료로 뽑을 때. HTML은 열람·인쇄·공유용, docx는 편집 전달용, pptx는 발표용입니다.
- investigate / market-scan — 리서치 결과를 바로 보고서로 렌더링하는 체인.
제한 사항
- 산출물은 항상 단일 .html 파일 1개입니다. 여러 페이지 사이트나 슬라이드는 만들지 않습니다(슬라이드는 pptx-design).
- 한국어 웹폰트(Pretendard) CDN 1건을 참조합니다 — 오프라인에서도 열리지만 이때는 시스템 폰트로 표시됩니다.