아래 프롬프트를 복사해서 Claude·ChatGPT(GPT)·Gemini 어디에든 붙여넣고 직접 시도해보세요. 참고로 이건 예시 없이 지시만 담은 제로샷(zero-shot) 프롬프트예요 — 원하는 결과물의 예시를 1개 넣으면 원샷(one-shot), 여러 개 넣으면 퓨샷(few-shot) 프롬프팅이 되는데, 예시를 더할수록 결과가 원하는 스타일에 더 가까워지는 경우가 많아요.
"아이스브레이킹 질문카드 뽑기" 인터랙션을 단일 HTML 파일로 만들어줘.
- 카드 하나가 화면 중앙에 있고, 처음엔 뒷면("?")이 보임
- "질문 뽑기" 버튼을 누르면 카드가 3D로 뒤집히는 애니메이션과 함께
미리 정해둔 24가지 아이스브레이킹 질문(서로를 알아가기 좋은 가벼운 질문) 중 하나를 무작위로 보여줘
- 버튼을 다시 누르면 카드가 리셋됐다가 새로 뒤집히면서 다른 질문이 나오게 해줘
- CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어 UI로 출력해줘