Stat card built to a frozen token sheet
One task across 30 published runs. Inspect the scores and outputs together, with each run's execution method shown.
- Task
- PIXEL-0001
- Domain
- UI components
- Difficulty
- hard
Leading published run: claude-opus-4-8 (low reasoning) at 100.0% composite. Lowest: claude-haiku-4-5 at 0.0%. 30 published runs shown on this task.
How this task was evaluated
Results are ordered by this task's published score. API runs use one prompt and one completion; agent runs use a coding harness with tools and iteration. Inspect the execution method when comparing results.
Objective scores use the benchmark's execution checks. Judge scores use a vision panel's fixed rubric; the published score leaves out a model's own family. Missing values are labelled rather than treated as zero.
Read the brief
Build a single self-contained HTML file (`index.html`) that renders one stat card with no build step and no network calls (inline all CSS, no external fonts or scripts). Match this frozen spec EXACTLY. The grader measures the rendered getBoundingClientRect and getComputedStyle, so eyeballing it is not enough. Layout (IDs are required so the card and its parts can be measured): - A `<section id="card">` exactly 320px wide and 180px tall. - Inside the card: a value element `id="value"` and a label element `id="label"`. Token sheet (apply precisely): - card background colour: #6d28d9 - card border-radius: 16px - card padding: 24px - value font-size: 40px, colour #ffffff - label font-size: 14px, colour #c4b5fd - value text: 12,480 - label text: Active users this week Use plain, readable markup. The numbers are a contract, not a suggestion.
