Using Claude Code: The Unreasonable Effectiveness of HTML

요약

이 글은 Anthropic의 Claude Code 팀원이 작성한 것으로, AI 모델에게 결과물을 Markdown 대신 HTML 형식으로 요청할 때 얻을 수 있는 이점을 탐구합니다. 필자는 기존에 토큰 효율성 때문에 Markdown을 선호했지만, Claude를 통해 HTML로 설명을 요청하자 SVG 다이어그램, 인터랙티브 위젯, 인페이지 네비게이션 등 훨씬 풍부하고 구조화된 방식으로 정보를 전달받을 수 있다는 점에 주목했습니다. 이는 단순한 텍스트 출력을 넘어 사용자가 정보를 더 잘 탐색할 수 있도록 하는 혁신적인 방법론을 제시합니다.

핵심 포인트

• AI 모델에게 결과물을 HTML 형식으로 요청하면 Markdown보다 훨씬 풍부하고 구조화된 아티팩트를 얻을 수 있다.
• HTML은 SVG 다이어그램, 인터랙티브 위젯, 인페이지 네비게이션 등 복잡한 개념을 시각적이고 상호작용적으로 설명하는 데 매우 효과적이다.
• 단순히 텍스트를 나열하는 것보다 HTML/CSS/JavaScript를 활용하여 정보를 구조화하고 강조할 때 이해도가 높아진다.
• AI 모델의 출력 형식을 고려할 때, 'HTML'을 명시적으로 요청하는 것이 강력한 프롬프트 전략이 될 수 있다.