展示 No. 019 · アニメーション
Hacker Newsで1位になったAI World Clocksから。指定の時刻を示すアナログ時計を、動く秒針つきで描きます。
> Create HTML/CSS of an analog clock showing 10:10AM. Include numbers (or numerals) if you wish, and have a CSS animated second hand. Make it responsive and use a white background. Return ONLY the HTML/CSS code with no markdown formatting.一見簡単そうな空間推論。数字が正しい位置に並び、針が正しい時刻を指しているか。
2本の針はどちらも10時10分を指し、秒針は動き続けます。元のサイトは毎分現在時刻を当てはめ、回答を2,000トークンに制限していますが、ここでは時刻を固定し、トークン制限もかけていません。
各テスト1回の回答で、実行後の修正はなし。1回目がうまく動かなかったテストはもう一度回答し、その展示に明記しています。それでも動かなかった回答は展示していません。素のAPIではなく、独自のシステムプロンプトを含むClaude Codeのエージェントセッション内で実行しています。
回答を.htmlファイルとして保存し、ブラウザで開くと、上の回答と比べられます。
アニメーション · Simon Willison, 2024
新モデルの実力を測る最も有名なテストの、アニメーション版。ペリカンが本当にペダルをこがなければなりません。
アニメーション · Flavio Adamo, 2025
2025年初めに話題になった物理テスト。重力と摩擦のあるボールが、回転する六角形の中で跳ね返ります。
アニメーション · AI/ML API model comparison, 2026
恒星が膨張し、崩壊し、爆発する。あとには輝く残骸と回転するパルサーが残ります。