콩쓰 (116.♡.186.29)
2026년 5월 11일 PM 01:33
어그로성 제목에 죄송합니다....
앤트로픽 클로드 엔지니어 타리크씨가 쓴 글이 화제입니다.
X에서 Thariq 님 : "Using Claude Code: The Unreasonable Effectiveness of HTML" / X
요약하면 AI와 협업은 마크다운보다 HTML 형식이 효과적이라는 글입니다.
아래는 제미나이를 통해 해당글을 요약했습니다.
참고해주세요.
📄 요약: 왜 마크다운 대신 HTML인가?
기존에 AI가 답변할 때 주로 쓰던 마크다운은 100줄이 넘어가면 가독성이 떨어지고 시각적 표현에 한계(ASCII 아트 등)가 있습니다. 반면 HTML은 훨씬 더 강력한 소통 도구가 됩니다.
1. HTML의 주요 장점
높은 정보 밀도: 표(Table), 디자인(CSS), 일러스트(SVG), 인터랙션(JS) 등을 활용해 단순 텍스트 이상의 정보를 전달할 수 있습니다.
시각적 명확성: 탭(Tab) 구조, 링크, 반응형 디자인을 통해 복잡한 기획서나 코드 분석 결과를 훨씬 읽기 편하게 조직화합니다.
공유의 용이성: 브라우저만 있으면 어디서든 바로 볼 수 있어 팀원들에게 전달하기 쉽습니다.
양방향 상호작용: 문서 안에 슬라이더나 버튼을 넣어 설정을 조절하고, 그 결과를 다시 AI에게 전달하는 '도구'처럼 쓸 수 있습니다.
🛠 구체적인 활용 사례
타리크는 HTML을 단순한 문서가 아닌 '일회용 인터페이스'나 '고급 보고서'로 활용하라고 조언합니다.
구분 | 활용 방법 |
기획 및 탐색 | 여러 가지 디자인 시안을 그리드(Grid) 형태로 한눈에 비교하거나 데이터 흐름도 포함. |
코드 리뷰 | 코드의 변경 사항(Diff)을 색상으로 구분하고, 복잡한 로직에 주석을 달아 시각적으로 설명. |
디자인 프로토타입 | 애니메이션의 속도나 색상을 실시간으로 조절해 볼 수 있는 슬라이더가 포함된 테스트 페이지 제작. |
보고서 및 학습 | 슬랙(Slack), 깃(Git) 히스토리 등을 분석해 시각적인 차트나 다이어그램이 포함된 주간 보고서 생성. |
커스텀 편집기 | 티켓 우선순위를 드래그 앤 드롭으로 변경하고, 결과를 JSON으로 복사할 수 있는 임시 관리 도구 제작. |
💡 시작하는 방법과 팁
명령어: 거창한 설정 필요 없이 "HTML 파일로 만들어줘" 또는 "HTML 아티팩트(Artifact)로 제작해줘"라고 요청하면 됩니다.
효율성: HTML은 마크다운보다 토큰을 더 많이 쓰고 생성 시간도 2~4배 더 걸리지만, 가독성과 활용도 면에서 그만한 가치가 충분하다고 강조합니다.
단점: HTML 코드는 버전 관리(Git) 시 차이점(Diff)을 한눈에 파악하기 어렵다는 점이 유일한 단점으로 꼽힙니다.
📝 결론
타리크의 핵심 메시지는 "AI가 단순히 텍스트만 뱉는 기계가 아니라, 나를 위한 맞춤형 도구(HTML)를 즉석에서 만들어주는 파트너로 활용하라"는 것입니다.
댓글 (12)
-
남남극백곰
05.11 · 114.♡.188.135

-
Mmtrz
05.11 · 180.♡.14.183
html로 토큰을 더 쓰게 만들려는 술수입니다.
-
DDINKIssTyle
05.11 · 61.♡.73.102
마크다운이 보기 너무 편해서 요즘 왠만한 문서를 마크다운으로 만들고 있어서 괴리감이 있군요!
프롬프트 엔지니어링에 그러면 html을 쓰라는것입니까!!! ㅋㅋㅋㅋ
-
솔솔고래
05.11 · 223.♡.95.181
\(ㅇㅁㅇ)/ HTML!!
-
지지나가던행인이
05.11 · 61.♡.201.240
저도 이거 HN에서 어제 보고 혹해서 좀 알아봤는데,
일단 앤트로픽 직원 발언이라 공신력 보다는 자사 토큰팔이로 좀 삐딱한 시선으로 글을 봤구요 ㅎㅎ
HTML이 출력 결과물에서 더 풍부하고 많은 표현을 할 수 있는 것도 사실이고 일회용 편집 인터페이스나 시각 데이터(다이어그램, 흐름도), S3로 공유 같은 부분은 좋은 방향이라고 봤습니다.
하지만 일단 토큰을 2~4배 더 먹고(트레이드 오프), 글 자체도 실사례 보다는 그럴 가능성이 높다 식이어서 조금 걸렀구요.
HN에서 댓글 중에 에이전트와 사람이 공동 편집의 어려움(거의 불가능) 같은 것도 좀 걸리더라구요. (하지만 나모웹에디터가 출동한다면!?), 추가로 글쓴이가 짚었던 것 처럼 문서인 주제에 버전관리도 좀 문제가 있습니다. 그래서 좋은 아이디어라고 보지만 제 입장에선 아직은 아닐건데? 라는 결론입니다 ㅎㅎ 좋은 분석글 감사합니다 👍 (그리고 HTML은 개발 언어가 맞습니다! 암요!)
- 셀
셀레본
→ 지나가던행인이
05.11 · 112.♡.41.1
나모 웹 에디터로 저런 목적의 문서를 작성하시면 큰일납니다. 토큰 열배는 더 들어갈거예요.
쓸데없는 태그도 어마어마하게 집어넣고 뭐 수정 한번 하면 불필요한 들여쓰기에 삭제해야 할걸 그냥 남겨두는 경우도 많고, 장난 아닙니다. 전에 한번 나모 웹 에디터로 작성한 html 페이지가 별거 없는데도 한번 띄우는데 시간이 한참 걸리길래 이상하다 싶어서 동일한 페이지를 손으로 작업해 봤는데.... 몇십배 차이나는 경우도 있더군요.
-
Kkita
05.11 · 106.♡.77.136
미군 특수부대 아니었읍니까?
-
높높다란소나무
05.11 · 108.♡.202.71
개인적으로 html과 markdown사이에 절충된 포맷이 있었으면 합니다. 누군가 만든게 있지 않으려나요.
- 만
만두의전설
05.11 · 118.♡.4.58
결과물의 형태가 어떠냐에 따라 갈릴 것 같은데요. 그래픽 표현 등이 들어가거나 제출용 보고서라면 당연히 HTML이 나을 건데, 텍스트로 끝나는 출력이면 굳이 HTML로 해야할 필요는 없어 보입니다. 토큰팔이에 한표에요
-
김김링크
05.11 · 210.♡.105.1
HTML문법으로 출력하라는게 아니라 .HTML 파일로 출력하라는 이야기네요.
.HTML파일에는 벼래별게 다 들어갈 수 있으니까요 ㅎㅎ
댓글을 작성하려면 이 필요합니다.