Using Claude Code: The Unreasonable Effectiveness of HTML

8 월 5 일 2026 - 링크 블로그

Using Claude Code: The Unreasonable Effectiveness of HTML. Anthropic 의 Claude Code 팀에 있는 Thariq Shihipar (Thariq Shihipar) 에 의해 작성된, HTML 을 요청할 때 출력 형식으로 Markdown 보다 우위를 점한다고 주장하는 통찰력 있는 글입니다.

이 글은 흥미로운 예시들 (이 사이트에서 수집됨) 과 다음과 같은 프롬프트 제안으로 가득 차 있습니다:

Help me review this PR by creating an HTML artifact that describes it. I'm not very familiar with the streaming/backpressure logic so focus on that. Render the actual diff with inline margin annotations, color-code findings by severity and whatever else might be needed to convey the concept well.

GPT-4 시대부터 8,192 토큰 제한이 있었기 때문에 Markdown 의 HTML 대비 토큰 효율성이 매우 가치있었으므로, 저는 대부분의 요청을 Markdown 으로 기본으로 요청해 왔습니다.

Thariq 의 글은 특히 출력에 대해 다시 생각하게 만들었습니다. Claude 에게 HTML 로 설명을 요청하면 SVG 다이어그램, 인터랙티브 위젯, 인 페이지 네비게이션 등 정보를 더 잘 탐색할 수 있도록 만드는 다양한 깔끔한 방법을 포함할 수 있습니다.

저는 지난 12 월에 HTML 도구를 구축하는 유용한 패턴에 대해 썼습니다. 하지만 그것은 주로 my tools.simonwillison.net 사이트의 것과 같은 인터랙티브 유틸리티에 초점을 맞췄습니다. 저는 임의의 프롬프트에 대한 풍부한 HTML 설명을 실험하기 위해 더 많이 시작하고 싶습니다.

copy.fail 에서 시도

copy.fail 은 최근 발견된 Linux 보안 취약점, 그리고 이를 배포한 오버뷰 피드백 Python 을 포함합니다.

저는 GPT-5.5 에 HTML 설명을 생성하도록 요청했습니다:

curl https://copy.fail/exp | llm -m gpt-5.5 -s 'Explain this code in detail. Reformat it, expand out any confusing bits and go deep into what it does and how it works. Output HTML, neatly styled and using capabilities of HTML and CSS and JavaScript to make the explanation rich and interactive and as clear as possible'

결과된 HTML 페이지입니다. 꽤 좋습니다. 하지만 저는 취약점 설명을 Python 하위 시스템 주변보다 강조해야 했습니다.