Have Claude build 500 different clock designs in one HTML page
A tester uses clock pages as a personal benchmark for frontier models. Over several sessions in the Claude chat interface he had Claude Opus 5.5 build 500 self-contained clocks, now a single 6.3 MB HTML gallery with speed controls and search.
Source
tkgally on Hacker News · 2026-10-18 · Project link
Written in our own words. Credit to the original author. Link checked 2026-10-18.
What they did
A tester uses clock pages as a personal benchmark for frontier models. Over several sessions in the Claude chat interface he had Claude Opus 5.5 build 500 self-contained clocks, now a single 6.3 MB HTML gallery with speed controls and search.
Result (as claimed)
Public gallery of 500 clocks; shared on Show HN.
Tools they used
Cost: Claude Opus 5.5: from $4 in / $20 out per 1M tokens.
Set it up
Write a one-page brief
Describe the app in plain words: who it is for, the 3 core screens or actions, and what "done" looks like.
Start the project with your agent
Open Claude and paste the brief. Ask it to propose a stack and a file plan before writing code.
Build one slice at a time
Ship the smallest working flow first, run it, then add features one by one. Commit after each working step.
Test it like a user
Click through on desktop and phone. Ask the agent to add basic tests and fix anything that breaks.
Check security and ship
Keep keys in environment variables, check auth and database rules, then deploy and share the link.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Have Claude build 500 different clock designs in one HTML page What the original author did: A tester uses clock pages as a personal benchmark for frontier models. Over several sessions in the Claude chat interface he had Claude Opus 5.5 build 500 self-contained clocks, now a single 6.3 MB HTML gallery with speed controls and search. Reported result (as claimed by the author): Public gallery of 500 clocks; shared on Show HN. Source: https://news.ycombinator.com/item?id=50137820 Tools they used: Claude, Claude Opus 5.5 Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Have Claude build 500 different clock designs in one HTML page What the original author did: A tester uses clock pages as a personal benchmark for frontier models. Over several sessions in the Claude chat interface he had Claude Opus 5.5 build 500 self-contained clocks, now a single 6.3 MB HTML gallery with speed controls and search. Reported result (as claimed by the author): Public gallery of 500 clocks; shared on Show HN. Source: https://news.ycombinator.com/item?id=50137820 Tools they used: Claude, Claude Opus 5.5 Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Have Claude build 500 different clock designs in one HTML page What the original author did: A tester uses clock pages as a personal benchmark for frontier models. Over several sessions in the Claude chat interface he had Claude Opus 5.5 build 500 self-contained clocks, now a single 6.3 MB HTML gallery with speed controls and search. Reported result (as claimed by the author): Public gallery of 500 clocks; shared on Show HN. Source: https://news.ycombinator.com/item?id=50137820 Tools they used: Claude, Claude Opus 5.5 Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
The Daily 5
Get five new use cases tomorrow morning
Free. Real sources. Unsubscribe any time.
Guides for this use case
Related use cases
Point at a UI element and tell Claude what to change
Instead of screenshots and long explanations, Limno lets you select an element in your app and describe the edit so Claude gets the context right. The builder made it while working on another app, Fieldnote.
Finally make your own 3D game with Claude and Codex
A lifelong hobbyist who never had time to wear every hat is now building a game with Claude, Codex and pmndrs tools.
Make a playable architecture toy as a Claude artifact
A builder shared a playable architectural facade synth built and hosted as a Claude artifact, so anyone can open it in the browser and play with building fronts like an instrument.
Build an MCP server so Claude can play a game
Built an MCP server that lets clients play Minesweeper and tested Claude on it.