작업 / 데모

내 문서로 답하는 챗봇

도움말 문서로만 답하고 출처를 보여 주는 RAG 챗봇, 스크립트 한 줄로 어느 사이트에나 붙는 위젯

역할
설계와 개발
기술
Next.jsTypeScriptClaudeRAG

라이브 데모 열기

상황

고객 지원 팀은 자기 도움말 문서로만 답하고 없는 내용을 지어내지 않는 챗봇을 원합니다. 방문자도 답이 어디서 왔는지 확인할 수 있어야 합니다.

만든 것

  • PDF, Markdown, 텍스트 문서를 제목 단위로 나눠 색인
  • 질문과 가까운 구간을 찾아 Claude에 넘기고 그 구간으로만 답하게 지시
  • 답변마다 Claude가 실제로 인용한 구간만 출처로 표시
  • 스트리밍 답변, 데모 페이지, 스크립트 한 줄로 어느 웹사이트에나 붙는 채팅 위젯
  • 공개 배포를 위한 입력 길이 제한과 접속자별 요청 제한

결과

테스트 35개가 색인, 검색, 답변 흐름을 확인합니다. 데모는 API 키 없이 모의 모드로 돌아갑니다. 검색은 실제로 동작하고 답변 문장은 Claude가 만든 것이 아니라 찾은 문서 구간을 이어 붙인 것입니다. 화면에도 그렇게 표시합니다.

연간 요금제 환불 질문과 답변, 근거 출처가 보이는 데모 화면
예시 도움말 문서로 만든 답변입니다. 근거가 된 문서 구간이 아래에 붙습니다.
예시 웹사이트에 열린 채팅 위젯
같은 챗봇을 스크립트 한 줄로 다른 웹사이트에 위젯으로 붙였습니다.
답변 아래 출처 목록을 펼친 화면
출처를 펼치면 답변이 쓴 문서 구간이 그대로 보입니다.

전체 작업 보기