/ 디렉터리 / 플레이그라운드 / HTML Anything
● 커뮤니티 clockless-org ⚡ 바로 사용

HTML Anything

제작: clockless-org · clockless-org/html-anything

Convert any file (logs, PDFs, transcripts, code) into a beautiful, shareable HTML page.

Drop a file — log dump, PDF, WhatsApp chat export, code, transcript — and get back a self-contained, polished HTML page across 16 design themes. Great for sharing intermediate work without paying for Notion-style hosting.

왜 쓰나요

핵심 기능

라이브 데모

실제 사용 모습

html-anything-skill.replay ▶ 준비됨
0/0

설치

작성자 저장소 · Claude Skills 공식 문서

사용 사례

실전 활용법: HTML Anything

Turn an incident log into a shareable HTML report

👤 On-call engineers writing postmortems ⏱ ~15 min intermediate

언제 쓸까: You have raw logs + a timeline draft and want a shareable artifact, not a wall of text.

사전 조건
  • Server/skill installed and authenticated — See repo README
흐름
  1. Bundle
    Use html-anything to turn /incidents/2026-05-21/*.log + timeline.md into a single HTML report. Use the 'serious' theme.✓ 복사됨
    → One incident.html
  2. Share
    Email the file path to me.✓ 복사됨
    → Self-contained HTML, no broken images when forwarded

결과: A polished postmortem artifact in one shot.

함정
  • Some 'magazine' themes embed large fonts that bloat the file. Use 'minimal' for email attachments. — Some 'magazine' themes embed large fonts that bloat the file. Use 'minimal' for email attachments.

비용 및 제한

운영 비용

API 쿼터
See provider docs for rate limits
호출당 토큰
Varies by tool
금액
See repo README for pricing details
팁
Cache tool results and avoid repeated identical calls.

보안

권한, 시크릿, 파급범위

자격 증명 저장: Use environment variables; never commit secrets
데이터 외부 송신: Tool calls go to the provider's API as documented

문제 해결

자주 발생하는 오류와 해결

HTML too large

Switch theme to 'minimal' (no embedded fonts). Inline images become base64 — strip them for size.

확인: ls -lh report.html
code blocks don't highlight

Some themes default to no-highlight. Pass --code-highlight on.

확인: Inspect HTML for highlight classes

대안

HTML Anything 다른 것과 비교

대안언제 쓰나단점/장점
zarazhangrui/frontend-slidesYou want slide decksSlides only

더 보기

리소스

📖 GitHub에서 공식 README 읽기

🐙 열린 이슈 보기

🔍 400+ MCP 서버 및 Skills 전체 보기