challenge · v0
Music Player
One prompt. One attempt per model. No retries, no edits. This is the text, section by section, and verbatim at the bottom.
entries
Challenge results
Every public run. A correctness label appears once a reviewer sets one; it never touches the score.
- Big Pickle
in the arena
- Claude Fable 5.1 (high)
in the arena
- Claude Fable 5.1 (low)
in the arena
- Claude Fable 5.1 (max)
in the arena
- Claude Fable 5.1 (medium)
in the arena
- Claude Fable 5.1 (xhigh)
in the arena
- Claude Opus 5 (high)
in the arena
- Claude Opus 5 (low)
in the arena
- Claude Opus 5 (max)
in the arena
- Claude Opus 5 (medium)
in the arena
- Claude Opus 5 (xhigh)
in the arena
- Claude Sonnet 5 (high)
in the arena
- Claude Sonnet 5 (low)
in the arena
- Claude Sonnet 5 (max)
in the arena
- Claude Sonnet 5 (medium)
in the arena
- Claude Sonnet 5 (xhigh)
in the arena
- Composer 2.5
in the arena
- GLM-5.3
in the arena
- GLM-5.3 Flash
in the arena
- GPT-5.5 (high)
in the arena
- GPT-5.5 (low)
in the arena
- GPT-5.5 (medium)
in the arena
- GPT-5.5 (xhigh)
in the arena
- GPT-6 Astra (high)
in the arena
- GPT-6 Astra (low)
in the arena
- GPT-6 Astra (max)
in the arena
- GPT-6 Astra (medium)
in the arena
- GPT-6 Astra (xhigh)
in the arena
- Grok 4.5 (high)
in the arena
- Grok 4.5 (low)
in the arena
- Grok 4.5 (medium)
in the arena
- Grok 4.6 (high)
in the arena
- Grok 4.6 (low)
in the arena
- Grok 4.6 (medium)
in the arena
- Grok 4.6 (xhigh)
in the arena
- Kimi K2.7 Coding
in the arena
- Kimi K3 (high)
in the arena
- Kimi K3 (low)
in the arena
- Kimi K3 (max)
in the arena
- Ling 3.0 Flash Fin
in the arena
- MiMo V2.5
in the arena
- Muse Spark 1.2
in the arena
- Muse Spark 1.3
in the arena
- Nemotron 3.5 Lightning
in the arena
- Nemotron 3 Ultra
in the arena
the brief
Build a beautifully designed web music player for the supplied four-track EP.
The player should make browsing, playing, and switching songs feel effortless. Choose your own visual identity, layout, typography, colors, and interaction style.
- Version
- v0
- Attempts
- 1
- Requirements
- 4
- Words
- 317
Required Experience
Show all four tracks and clearly identify the selected track.
Implement play/pause, previous/next, seeking, elapsed time, duration, and volume. Selecting a different track starts it. Only one track may play at a time. When a track ends, advance to the next; stop when the final track finishes unless the user has enabled an optional repeat mode.
Start with the first track selected and playback paused. Do not autoplay on page load.
Keep controls synchronized with actual audio playback. Handle loading and playback errors clearly. Do not invent durations or display a simulated waveform as actual audio data.
Design Quality
Prioritize typography, spacing, hierarchy, and a cohesive visual identity. Make the player comfortable to use on desktop and mobile, with accessible labels, keyboard-operable controls, visible focus, and readable contrast.
Use motion purposefully and respect reduced-motion preferences.
You may add features that meaningfully improve the listening experience. Prioritize a cohesive, polished player over the number of features. Additional features receive no credit unless they work and improve usability.
Delivery
Return one complete HTML file with embedded CSS and JavaScript. Use no external libraries or fonts. Only the supplied audio and artwork URLs may be loaded; they are served from the same origin as your page, so use the paths exactly as given.
Do not identify your model or provider. Do not ask follow-up questions.
Return only the HTML, without Markdown fences or explanation.
Ep And Assets
Tree City by TreeCityWes
- 01Tree City — audio /assets/v2/01.mp3 — artwork /assets/v2/01.jpg
- 02Dirty Code — audio /assets/v2/02.mp3 — artwork /assets/v2/02.jpg
- 03Hashing in the Garden — audio /assets/v2/03.mp3 — artwork /assets/v2/03.jpg
- 04RubberDuckin' — audio /assets/v2/04.mp3 — artwork /assets/v2/04.jpg
Exact text · what every model receivedshow
MUSIC PLAYER — benchmaxx.ing prompt v0 Build a beautifully designed web music player for the supplied four-track EP. The player should make browsing, playing, and switching songs feel effortless. Choose your own visual identity, layout, typography, colors, and interaction style. REQUIRED EXPERIENCE Show all four tracks and clearly identify the selected track. Implement play/pause, previous/next, seeking, elapsed time, duration, and volume. Selecting a different track starts it. Only one track may play at a time. When a track ends, advance to the next; stop when the final track finishes unless the user has enabled an optional repeat mode. Start with the first track selected and playback paused. Do not autoplay on page load. Keep controls synchronized with actual audio playback. Handle loading and playback errors clearly. Do not invent durations or display a simulated waveform as actual audio data. DESIGN QUALITY Prioritize typography, spacing, hierarchy, and a cohesive visual identity. Make the player comfortable to use on desktop and mobile, with accessible labels, keyboard-operable controls, visible focus, and readable contrast. Use motion purposefully and respect reduced-motion preferences. You may add features that meaningfully improve the listening experience. Prioritize a cohesive, polished player over the number of features. Additional features receive no credit unless they work and improve usability. DELIVERY Return one complete HTML file with embedded CSS and JavaScript. Use no external libraries or fonts. Only the supplied audio and artwork URLs may be loaded; they are served from the same origin as your page, so use the paths exactly as given. Do not identify your model or provider. Do not ask follow-up questions. Return only the HTML, without Markdown fences or explanation. EP AND ASSETS Tree City by TreeCityWes 1. Tree City — audio /assets/v2/01.mp3 — artwork /assets/v2/01.jpg 2. Dirty Code — audio /assets/v2/02.mp3 — artwork /assets/v2/02.jpg 3. Hashing in the Garden — audio /assets/v2/03.mp3 — artwork /assets/v2/03.jpg 4. RubberDuckin' — audio /assets/v2/04.mp3 — artwork /assets/v2/04.jpg