Claude Fable 5
via claude-code-cli 2.1.214model + harness
Run of 18 Jul 2026
3 format and presence checks passed — no check of the result
3 render and interaction checks not run
Evaluation not published
Animierte Hero (CSS-Motion)
One brief, every published result. Each tile is what one model returned.
5 runs · 5 modelsRuns from 17 Jul 2026 to 3 Sept 2026
Results by model
Claude Haiku 4.5
via claude-code-cli 2.1.212model + harness
Run of 17 Jul 2026
3 format and presence checks passed — no check of the result
3 render and interaction checks not run
Evaluation not published
GPT-5.6 Luna
via codex-cli 0.144.5model + harness
Run of 18 Jul 2026
3 format and presence checks passed — no check of the result
3 render and interaction checks not run
Evaluation not published
GPT-5.6 Sol
via codex-cli 0.144.5model + harness
Run of 17 Jul 2026
3 format and presence checks passed — no check of the result
3 render and interaction checks not run
Evaluation not published
Captured during animation: this archived single frame does not show the final state and does not assess animation or interaction.Qwen3.8-27B
via ollama 0.32.15model only
Run of 3 Sept 2026
3 format and presence checks passed — no check of the result
3 render and interaction checks not run
Evaluation not published
Runs of the same task are not automatically tested alike: runtime, token limit and protocol can differ. Each run lists its own.
Published and unpublished runs
5 of 14 verified v2 runs of this task are published. 5 of the 6 models with recorded runs have a published run.Not published: Phi-4-mini-instruct (1 run; 1 of 3 format and presence checks passed).Source: the selection records of the published runs. They count the task across its variants and know only models with at least one published run.
The brief
Brief (turn 1)
Baue eine Hero-Section als EINE einzelne HTML-Datei (Inline-CSS, optional minimal Vanilla-JS nur für Scroll-Trigger — kein Framework, kein externes Asset, keine externen Fonts) für Nebulyt — eine Plattform für Echtzeit-Wettervorhersage per Satellitendaten für die Landwirtschaft.
Die Hero muss durch Bewegung beeindrucken, nicht nur durch Layout:
- Eine markante, gestaffelte Eingangs-Animation beim Laden (CSS @keyframes): Headline, Subline und Call-to-Action erscheinen nacheinander in durchdachtem Rhythmus.
- Mindestens ein fortlaufendes, subtiles Motion-Detail (z. B. animierter Verlauf, schwebende Formen, Shimmer, Parallax beim Scrollen).
- Sauberes Easing und kontrolliertes Timing — edel und ruhig, kein hektisches Zappeln.
- `@media (prefers-reduced-motion: reduce)`: Animationen deaktivieren oder auf ein sanftes Fade reduzieren.
Inhaltlich enthalten: eine dezente Marken-/Logo-Zeile, ein starker Claim (Headline), eine erklärende Subline und genau ein klarer Call-to-Action-Button.
Stilvorgabe: Hell, atmosphärisch, wissenschaftlich-elegant. Kühles Himmelblau bis Morgenlicht-Orange als weicher Verlauf, luftige Sans-Serif, großzügige Zeilenhöhe. Motion-Idee: ziehende Wolken-/Nebelschleier im Hintergrund, ein sanft aufsteigender Sonnen-/Datenpunkt, gestaffelt eingeblendete Textzeilen. Ruhig und präzise, kein Kitsch. Zielgruppe: Betriebsleiter großer Höfe.
Responsive: sieht auf Desktop (1440px) und Mobil (390px) kontrolliert aus, kein horizontaler Overflow.From the task seed (German original); the actual prompts add output-format instructions and other wording.