타로 앱이 한 방에 만들어지네요 — Claude 3.7 Sonnet 실험

OpenAI 를 연동한 타로 점 같은 건 이제 한방에 만들어진다.

Claude 3.7 Sonnet 으로 요청하고 HTML 을 다운로드 받아 로컬 브라우저로 열었다. 700 라인이 넘고 24,700자 정도 되는데 이슈가 없다. Claude 의 최대 output 토큰을 살짝 넘어서 나눠 받았다.

배경에 별이 반짝이는 애니메이션이나 카드 뒤집는 애니메이션도 잘 동작한다.

생성된 코드가 gpt-3.5-turbo 로 되어 있어서 gpt-4.5-preview 로 바꿔 줬는데, gpt-4.5 가 매우 느리다. 통계를 보니 평균 41 tokens/s 다.

프롬프트

HTML 타로카드점을 볼 수 있는 페이지를 만들어줘. 카드 뒤집을 때 애니메이션도 넣어줘. wiki 에 있는 타로카드 이미지로 표시해주고 전체적인 디자인을 환상적인 테마로 적용해줘. 타로카드 점은 openai 에 연결해서 설명을 받아왔으면 해.