클로드 팀 비법 공개! HTML 3가지 활용법, 토큰 폭탄 피하는 꿀팁까지!

AI랑 대화할 때 마크다운 대신 HTML을 써야 하는 이유?

솔직히 말해서, AI한테 길~게 마크다운으로 뭘 부탁하면 앞부분만 읽고 넘어가기 쉽잖아? 나만 그런 줄 알았는데, AI 만드는 사람들도 똑같았대! 그래서 이제 마크다운 대신 HTML로 받기 시작했대. 엔트로픽이라는 회사에서 직접 공개한 내용인데, 여기서 너한테 꼭 필요한 세 가지 활용법을 알려줄게. 이걸 알면 다음부터 AI랑 대화할 때 훨씬 편해질 거야!

1. 여러 가지 옵션을 한눈에 비교하고 싶을 때

보통 AI한테 디자인이나 기획 같은 거 물어보면 하나씩 받잖아? "이거 보여줘", "저거 보여줘" 이렇게. 그런데 이제는 HTML로 받으면 여러 옵션을 한 화면에 쫙 펼쳐서 비교할 수 있어!

예시: AI한테 온보딩 화면 디자인 여섯 가지를 다르게 만들어 달라고 할 때, 레이아웃, 톤, 밀도를 다르게 해서 HTML 파일로 그리드처럼 펼쳐 달라고 하면 돼. 그럼 마치 쇼핑몰에서 옷 여러 개를 나란히 놓고 비교하는 것처럼 한눈에 볼 수 있지.

꿀팁: 프롬프트에 "HTML 그리드로 펼쳐 줘" 이 한 줄만 추가하면 돼!

2. 결과를 바로바로 만져보고 싶을 때

HTML로 받으면 결과를 바로바로 수정하면서 볼 수 있어. 마치 게임처럼 말이야!

예시: 체크아웃 버튼 애니메이션을 만들 때, 보통은 "0.3초 동안 천천히 멈추게 해줘" 이렇게 하나하나 바꿔서 받잖아? 그런데 HTML로 받으면 슬라이더가 같이 와. 슬라이더를 움직이면 결과가 바로바로 바뀌는 거지. 마음에 드는 값을 찾으면 옆에 있는 복사 버튼을 눌러서 AI한테 다시 보내주면 돼. 그럼 AI가 그 값으로 코드를 고쳐줄 거야.

또 다른 예시: 해야 할 일 목록 우선순위를 정할 때도 좋아. HTML로 받으면 카드 형태로 화면에 떠서 드래그로 순서를 바꿀 수 있어. 다 정하고 나면 복사 버튼 한 번이면 정렬된 목록이 AI한테 바로 넘어가지.

꿀팁: 프롬프트에 "값 조정 가능한 슬라이더 넣어 줘. 마음에 드는 값은 복사 버튼으로" 이 한 줄을 추가해 봐!

3. 복잡한 내용을 쉽게 배우고 싶을 때

AI 시대에는 AI를 이용해서 배우는 게 중요하잖아? HTML로 받으면 복잡한 내용도 훨씬 쉽게 배울 수 있어.

예시: AI한테 보낼 수 있는 정보의 양(토큰 한도)에 대해 배우고 싶을 때, 글로만 읽으면 어렵잖아? 그런데 HTML로 받으면 토큰 버킷이 그림으로 그려져 있고, 옆에는 코드 조각이랑 설명이 같이 붙어 있어. 마지막에는 주의할 점까지 따로 정리되어 있지. 이걸 보면서 배우면 훨씬 쉽고 빠르게 이해할 수 있어.

또 다른 예시: 잘 모르는 기술을 배워야 할 때, 예를 들어 외부 문서를 AI한테 보여주는 방법을 이해하고 싶을 때, 글로 받으면 그림 따로 설명 따로잖아? 그런데 HTML로 받으면 그림, 설명, 주의할 점까지 한 페이지에 다 같이 있어.

꿀팁: 프롬프트에 "이거 학습하려고 하는데 다이어그램이랑 주석 달린 코드, 주의할 점 한 HTML로 정리해 줘" 라고 하면 학습 문서가 뚝딱 만들어져!

잠깐! 함정 조심!

HTML로 받는 게 다 좋은 건 아니야. 토큰 비용을 꼭 기억해야 해! 같은 내용을 마크다운으로 받을 때보다 HTML로 받을 때 토큰이 다섯 배까지 더 들 수 있거든.

그래서 언제 HTML을 쓰고 언제 마크다운을 써야 할지 기준을 알아두는 게 중요해.

• 시각화 (그림, 다이어그램 등으로 한눈에 보기 좋게) 할 때는 HTML
• 글로 정리하거나 내가 다시 수정할 때는 마크다운

예를 들어, 색깔이나 다이어그램으로 한눈에 보기 좋게 시각화할 때는 HTML, 내가 다시 수정할 때는 마크다운. 학습 문서처럼 그림이랑 같이 봐야 할 때는 HTML, 체크리스트처럼 간단하게 정리할 때는 마크다운.

무조건 HTML로만 받으면 토큰 비용이 다섯 배로 뜰 수 있으니 주의해야 해!

정리하면:

• AI 만드는 사람들도 길면 마크다운 안 읽는다!
• HTML로 받으면 비교, 튜닝, 학습이 훨씬 쉬워진다!
• 하지만 토큰 비용은 꼭 기억하고, 시각화할 땐 HTML, 글로 정리할 땐 마크다운을 쓰자!

이제 너는 세 가지 활용법 중에 어떤 걸 먼저 시도해 볼 거야? 댓글로 같이 이야기해보자!