아래 프롬프트를 복사해서 Claude·ChatGPT(GPT)·Gemini 어디에든 붙여넣고 직접 시도해보세요. 참고로 이건 예시 없이 지시만 담은 제로샷(zero-shot) 프롬프트예요 — 원하는 결과물의 예시를 1개 넣으면 원샷(one-shot), 여러 개 넣으면 퓨샷(few-shot) 프롬프팅이 되는데, 예시를 더할수록 결과가 원하는 스타일에 더 가까워지는 경우가 많아요.
비개발자 성인 대상 AI 교양 강의용 인터랙티브 HTML 데모 페이지를 만들어줘. - 주제: AI 에이전트의 "단기 기억"과 "장기 기억"의 차이 설명 - 좌우 2단 비교 레이아웃으로, 왼쪽은 대화 안에서만 유지되는 단기 기억 예시(짧은 채팅 로그)를 보여주고 "대화가 끝나면 사라져요"라고 표시해줘 - 오른쪽은 "저장하기" 버튼을 누르면 "사용자는 카페를 운영함" 같은 사실이 "저장된 기억 목록"에 추가되는 장기 기억 데모를 만들어줘 - "새 대화 시작" 버튼을 누르면 왼쪽의 단기 기억(채팅)은 초기화되지만, 오른쪽의 저장된 기억 목록은 그대로 남아있어야 해 — 이 차이를 명확히 보여주는 게 핵심이야 - 실제 저장이 아니라 화면상의 시뮬레이션이라는 점을 설명 문구에 분명히 밝혀줘 - 톤은 차분하고 미니멀한 교육용 사이트 느낌으로, 라이트/다크 모드를 모두 지원해줘 - CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어로 출력해줘