AI에게 질문하여 얻은 답변을 누군가와 공유하고 싶다고 생각한 적이 없으신가요?

ChatGPT나 Claude와의 대화에는 유익한 정보가 많이 포함되어 있지만, 그대로 공유하려고 하면 다음과 같은 문제에 직면하게 됩니다.

• 시행착오를 겪은 질문이나 말을 고친 부분까지 포함되어 읽기 어렵다
• 필요한 질문과 답변만 뽑아내고 싶다
• 순서를 정리하여 하나의 이야기처럼 읽기 쉽게 만들고 싶다
• Markdown 답변 형식을 그대로 살리고 싶다
• 매번 HTML을 수작업으로 만드는 것은 번거롭다

이를 해결하기 위한 도구 ai-chatlog-to-html을 만들었습니다.

AI와의 대화에서 공개하고 싶은 질문과 답변만 선택하고, 간단한 구분 태그를 추가하는 것만으로 읽기 쉬운 HTML 페이지를 생성하는 도구입니다.

HTML이나 CSS를 작성할 필요 없이, 대화 내용 편집에만 집중할 수 있습니다.

데모: https://aco-gt.github.io/ai-chatlog-to-html/

리포지토리 (Repository): https://github.com/aco-gt/ai-chatlog-to-html

텍스트 파일에 다음과 같은 형식으로 작성하기만 하면 됩니다.

---
title: GitHub Pages로 사이트를 공개하는 방법
description: AI에게 물어본 시리즈
...

---Q---

로 질문 블록 (회색 박스로 표시됨) -
---A---

로 답변 블록 (Markdown이 그대로 변환됨) -
---S---

로 구분선 -
---Q[라벨]---

로 라벨이 붙은 질문 - Q, Q, A와 같이 질문을 연속시키는 것도 가능

답변 부분은 AI의 출력 Markdown을 그대로 붙여넣기만 하면 됩니다.

생성된 HTML에는 다음과 같은 기능이 포함되어 있습니다.

• 질문 → 회색 배경의 박스 (우측 정렬)
• 답변 → Markdown 렌더링 (제목, 리스트, 테이블, 코드 블록 대응)
• 네비게이션 (Navigation) → 우측 상단의 「≡」 버튼으로 질문 목록을 표시, 클릭 시 이동
• 반응형 (Responsive) 대응

CSS도 HTML 내에 인라인으로 포함되어 있기 때문에, 단 하나의 HTML 파일만으로 어디든 업로드할 수 있습니다.

브라우저에서 접속하여 텍스트를 입력하고 「▶ 프리뷰 (Preview)」를 누르기만 하면 됩니다. 「⬇ HTML」 버튼으로 다운로드할 수 있습니다.

pip install markdown pyyaml
python3 tools/generate.py content/my-article.txt
# → output/my-article.html 이 생성됨

Lambda Function URL로 웹 에디터를 배포하고, Taskfile로 원 커맨드(one-command) 공개. (개인 이용이라면 AWS 무료 티어 범위 내에서 운용 가능할 것으로 생각됩니다)

task publish # 대화식으로 GitHub Pages에 공개

• AI와의 대화를 읽기 쉬운 웹 페이지로 만드는 도구
• 답변의 Markdown을 그대로 살릴 수 있음
• 설치가 필요 없는 데모 버전으로 즉시 테스트 가능
• 생성된 HTML은 단일 파일로 어디든 업로드 가능

이 기사가 무언가에 도움이 되기를 바랍니다.