HTML vs Markdown — 카드뉴스 제작 4단계 비교 실험

한 줄 정의

같은 카드뉴스 5장을 Markdown과 HTML 두 포맷으로 만들어, 제작 4단계마다 어느 포맷이 더 잘 작동하는지 직접 비교한 실험입니다.

Anthropic Claude Code 팀의 엔지니어링 리드 Thariq Shihipar가 2026년 5월에 쓴 글 The Unreasonable Effectiveness of HTML이 출발점입니다. 핵심 주장은 한 줄입니다.

에이전트가 Markdown으로 답하는 게 기본값이지만, 실제로는 HTML이 더 강력하다.

Thariq는 네 가지 use case에서 HTML이 Markdown보다 낫다고 말합니다. 이해(Learn), 설명(Explain), 시안(Prototype), 조정(Tweak). 본인 카드뉴스 제작 워크플로우에 맞는 주장인지 직접 검증했습니다.

같은 콘텐츠를 8개 파일로 만들었습니다. 4 use case × 2 포맷.

콘텐츠는 동일합니다 — "HTML vs MD를 다루는 카드뉴스 5장". 메타적 구조입니다. 카드뉴스 주제 자체가 "HTML이 Markdown보다 낫다"이고, 그걸 두 포맷으로 만들어 비교합니다.

본인 워크플로우 기준으로 "이 단계에서 그 포맷이 얼마나 잘 작동했는가"를 채점했습니다.

Use case	MD	HTML	격차
1. Learn	3	4	+1
2. Explain	3	5	+2
3. Prototype	2	5	+3
4. Tweak	2	5	+3

Learn (+1) — ROI 비교는 시각 그리드로 한눈에 들어옵니다. 텍스트 목록은 끝까지 읽어야 구조가 보입니다. 다만 MD도 충분히 작동했습니다.
Explain (+2) — outline(MD)은 머릿속 시뮬레이션이 필요합니다. deck(HTML)은 비주얼 피드백이 즉시 가능합니다.
Prototype (+3) — 가장 큰 격차. "Cormorant 96pt"라는 문장을 읽는 것과 실제로 보는 것은 완전히 다른 경험입니다.
Tweak (+3) — 슬라이더를 움직이면 결과가 즉시 바뀌고, 마음에 들면 bake patch로 코드를 받습니다. 양방향. 텍스트 지시는 단방향입니다.

MD가 더 나은 단계는 없었습니다. 다만 MD가 충분히 작동한 단계(Learn)는 있었습니다. 모든 단계를 HTML로 바꿀 필요는 없습니다.