아래 프롬프트를 복사해서 Claude·ChatGPT(GPT)·Gemini 어디에든 붙여넣고 직접 시도해보세요. 참고로 이건 예시 없이 지시만 담은 제로샷(zero-shot) 프롬프트예요 — 원하는 결과물의 예시를 1개 넣으면 원샷(one-shot), 여러 개 넣으면 퓨샷(few-shot) 프롬프팅이 되는데, 예시를 더할수록 결과가 원하는 스타일에 더 가까워지는 경우가 많아요.
"멀티턴 기억(대화 맥락)" 개념을 설명하는 한국어 인터랙티브 데모 HTML 페이지를 만들어줘.
- 채팅 말풍선 UI(사용자 말풍선은 오른쪽 파란색, AI 말풍선은 왼쪽 흰색)를 CSS로 직접 구현해줘, 실제 채팅 프레임워크는 쓰지 마
- "다음 →" 버튼을 누를 때마다 미리 정해둔 4~5턴짜리 대화가 한 턴씩 순서대로 나타나게 해줘
- 시나리오: 1턴 사용자가 카페를 운영하는 지민이라고 자기소개 → AI가 인사, 2턴 라떼 매출이 줄었다고 말함 → AI가 카페 맥락 참고해서 답변, 3턴 "내 이름이 뭐라고 했지?"라고 물음 → AI가 "지민님"이라고 정확히 기억해서 답함
- 모든 턴이 끝나면 다음 버튼이 비활성화되게 해줘
- 하단에 별도 박스로 "새 대화 시작하기" 버튼을 만들고, 누르면 같은 질문("내 이름이 뭐라고 했지?")을 새 대화에서 물었을 때 AI가 맥락이 없어 모른다고 답하는 대비되는 예시를 보여줘
- 마지막에 멀티턴 기억이 대화(세션) 안에서만 유지되고 새 대화에서는 리셋된다는 점을 4~6문장으로 쉽게 설명해줘
- CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어로 출력해줘