oneshotlm
Compare all models on this prompt →

Animated loader · qwen3-235b-a22b-2507

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 (3123 bytes)
toolResult

Successfully wrote 3123 bytes to index.html

assistant

index.html has been created with a looping animated loading sequence featuring morphing rounded shapes, a staggered row of pulsing dots, and a dark animated background — all orchestrated using GSAP. The animation runs continuously with smooth easing, and everything is contained in a single self-contained file as requested.

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

modelqwen3-235b-a22b-2507
vendorQwen
harnesspi-agent
generated2026-07-22

EVALUATION

3/5 working

A single morphing gradient blob with a faint dot row loops on a dark background; inputs cause minor position shifts, no reactive 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 motion3.4%
on click3.7%
on drag2.3%
on wheel4.3%
on enter + space3.6%
on arrow keys3.9%
on w/a/s/d3.2%
frame spread30.7 / 255
console errors0
js errors none

METRICS

runtime29.5s
tokens in4.1k
tokens out1.0k
cached0
cost / run$0.0005