answer-me-with-html: 텍스트 벽에서 벗어나 읽기 쉬운 페이지로 답변받기

AI에게 어려운 질문을 던져보면 아마 이런 것을 본 적이 있을 겁니다. 빽빽한 텍스트의 벽이 스크롤되어 지나가고, 수십 개의 제목과 중첩된 목록, 그리고 병렬적인 개념들이 쌓여 있습니다. 답은 그 안에 있지만, 스스로 읽게 만들기가 어렵습니다.

근본적인 원인은 AI가 답변을 잘못했기 때문이 아닙니다. 출력 형식이 잘못되었기 때문입니다. 터미널 텍스트의 벽은 구조와 계층을 가진 지식을 담는 데 부적절한 매체입니다.

answer-me-with-html (2402 stars, MIT)은 이 매체를 바꿉니다: 텍스트로 답변하지 말고, 읽기 쉬운 페이지로 답변하세요.

핵심 설계: 초안 작성 + 렌더링

핵심 엔지니어링 결정은 모델이 전체 HTML을 쓰도록 두지 않는다는 것입니다 (그렇게 하면 토큰 비용이 증가할 것이기 때문입니다). 이 작업은 분리됩니다:

저자들의 핵심 수치: 모델이 직접 HTML을 작성하는 데 필요한 토큰의 약 1/8만 작성합니다.

이렇게 분리하는 것이 작동하는 이유:

• 비용 관리가 용이: 모델은 무엇을 말할지 처리하고, 어떻게 배치할지는 처리하지 않습니다;
• 레이아웃 안정성: 고정된 렌더러는 매번 모델이 좋은 HTML을 작성하는 것에 의존하지 않습니다;
• 결과물의 이동성: 단일 파일이라 오프라인에서 작동합니다 — 열고, 전달하고, 보관할 수 있습니다.

설치 및 사용

# 옵션 1: 에이전트가 설치 문서를 읽게 하기
# Claude Code / Codex / Cursor / OpenCode / Pi에 붙여넣기:
#   Answer me with HTML을 설치하려면 다음을 읽고 따르세요: https://raw.githubusercontent.com/QingYunA/answer-me-with-html/main/INSTALL.md
...

추가 구성은 필요하지 않습니다. 요구 사항: Node.js 20+ (CLI는 스킬 내에 포함되어 있으므로 npm install 단계가 없습니다).

적합한 경우와 그렇지 않은 경우

적합한 경우: 보관하거나, 전달하거나, 발표하고 싶은 복잡한 Q&A (옵션 분석, 비교, 지식 요약); 터미널 읽기 경험 탈출; AI 출력을 공유 가능한 자료로 변환하는 경우.

적합하지 않은 경우: 스캔하고 버릴 만한 빠른 조회(전체 HTML 페이지는 더 무거움); 더 나은 _답변_을 기대하는 경우 (이는 추론 업그레이드가 아닌 출력 형식 도구임); Node.js 20 이상 환경이 아닌 경우.

제가 README를 중국어로 현지화하고 상단에 "中文快速上手" 섹션을 추가했습니다. 이 섹션에는 해결하는 문제점, 가장 짧은 설치 경로, 요구 사항 및 일반적인 함정들이 포함되어 있습니다: https://github.com/yangshun2005/answer-me-with-html-cn

이 프로젝트가 유용하다고 생각되시면, 원본 레포지토리에 별점을 남겨주시는 것이 저자의 지속적인 유지보수에 도움이 됩니다.