아래 프롬프트를 복사해서 Claude·ChatGPT(GPT)·Gemini 어디에든 붙여넣고 직접 시도해보세요. 참고로 이건 예시 없이 지시만 담은 제로샷(zero-shot) 프롬프트예요 — 원하는 결과물의 예시를 1개 넣으면 원샷(one-shot), 여러 개 넣으면 퓨샷(few-shot) 프롬프팅이 되는데, 예시를 더할수록 결과가 원하는 스타일에 더 가까워지는 경우가 많아요.
"시스템 프롬프트 vs 유저 프롬프트"를 비교 설명하는 단일 HTML 페이지를 만들어줘.
- 위쪽에 두 시스템 모두에게 똑같이 던진 유저 프롬프트(질문) "광합성이 뭐야?"를 보여줘
- 그 아래 2열 비교 카드로, 왼쪽엔 시스템 프롬프트 A("초등학생에게 설명하는 친절한 과외 선생님, 쉬운 비유 사용")와 그 답변,
오른쪽엔 시스템 프롬프트 B("생물학 논문을 쓰는 전문 연구원, 전문 용어 정확히 사용")와 그 답변을 나란히 배치
- "두 답변 비교해보기" 버튼을 누르면 왼쪽 답변이 먼저, 오른쪽 답변이 조금 뒤에 순서대로 나타나게 해줘
- 마지막에 시스템 프롬프트와 유저 프롬프트가 각각 무엇이고 왜 같은 질문에도 답이 달라지는지 한 문단으로 쉽게 설명하는 요약을 추가해줘
- CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어로 출력해줘