oneshotlm
Compare all models on this prompt →

Animated loader · gpt-4o-mini

Using the pre-provided gsap.min.js (global gsap), create a looping animated loading sequence on a dark background: morphing rounded shapes and a staggered row of dots orchestrated on a GSAP timeline with smooth easing.

⛨ sandboxed Open in new tab ↗
transcript · 4 messages
user

Using the pre-provided gsap.min.js (global gsap), create a looping animated loading sequence on a dark background: morphing rounded shapes and a staggered row of dots orchestrated on a GSAP timeline with smooth easing.

assistant
write index.html (2240 bytes)
toolResult

Successfully wrote 2240 bytes to index.html

assistant

The single-page web app has been created successfully. You can find the complete code in the `index.html` file, which includes a looping animated loading sequence with morphing rounded shapes and a staggered row of dots. Would you like to do anything else?

TAKE IT TO CODE

A single self-contained HTML file — copy it and open in any browser, or reuse the prompt with your own pi-agent run.

RUN

modelgpt-4o-mini
vendorOpenAI
harnesspi-agent
generated2026-07-22

EVALUATION

2/5 partial

Small row of morphing dots animates continuously on dark background but scene is tiny and lacks larger shapes or interactivity.

Vision grade · anthropic/claude-sonnet-5

MEASUREMENTS

Raw readings from the capture, not a verdict — the grade above is the only judgement. Percentages are how much of the screen changed; the measure under-reports sparse motion on a dark background.

idle motion1.9%
on click1.9%
on drag1.9%
on wheel1.8%
on enter + space1.9%
on arrow keys1.9%
on w/a/s/d2.0%
frame spread16.3 / 255
console errors0
js errors none

METRICS

runtime12.6s
tokens in1.3k
tokens out737
cached1.8k
cost / run$0.0008