Ui-Medium-Animated-Aquarium

The model receives the prompt (and optional system message). The run uses scorer singlefile_html_visual_judged with the JSON configuration below. Pass/fail and partial credit are determined entirely by that scorer against the model output; no human grading.

Create a complete single-file HTML document for a responsive animated aquarium UI. Return only the HTML document, without Markdown fences or explanations. The scene should feel polished and product-like, not like a raw demo. Include multiple fish, bubbles, layered water depth, plants or coral, a small informational panel with realistic aquarium stats, and clear responsive behavior for desktop and mobile. The fish and bubbles must visibly animate continuously using CSS animations or vanilla JavaScript inside the same HTML file. Use semantic HTML where reasonable, accessible labels for any controls, good spacing, readable typography, and a rich but tasteful visual style.

{
  "min_chars": 4500,
  "requires_style": true,
  "requires_script": false,
  "forbidden_contains": [
    "```",
    "TODO",
    "lorem ipsum",
    "placeholder text"
  ],
  "allowed_cdn_hosts": [
    "cdn.jsdelivr.net",
    "cdnjs.cloudflare.com",
    "unpkg.com"
  ],
  "playwright_enabled": true,
  "judge_enabled": true,
  "render_wait_ms": 900,
  "viewports": [
    {
      "name": "desktop",
      "width": 1440,
      "height": 900
    },
    {
      "name": "mobile",
      "width": 390,
      "height": 844
    }
  ],
  "required_selectors": [],
  "required_text_groups": [
    [
      "Aquarium",
      "Tank",
      "Aqua"
    ],
    [
      "Fish",
      "Fische"
    ],
    [
      "Bubbles",
      "Bubble"
    ],
    [
      "Temperature",
      "Temp",
      "pH",
      "Oxygen"
    ]
  ],
  "ui_requirements": [
    {
      "id": "aquarium_context",
      "type": "text",
      "text": [
        "Aquarium",
        "Tank",
        "Aqua"
      ],
      "points": 10
    },
    {
      "id": "fish_present",
      "type": "text",
      "text": [
        "Fish",
        "Fische",
        "Clownfish",
        "Tetra"
      ],
      "points": 10
    },
    {
      "id": "bubbles_present",
      "type": "text",
      "text": [
        "Bubbles",
        "Bubble"
      ],
      "points": 8
    },
    {
      "id": "stats_panel",
      "type": "text",
      "text": [
        "Temperature",
        "Temp",
        "pH",
        "Oxygen",
        "Salinity"
      ],
      "points": 10
    }
  ],
  "animation_checks": [
    {
      "id": "css_animation",
      "type": "css_animation_present",
      "points": 10
    },
    {
      "id": "motion_sample",
      "type": "dom_motion_sample",
      "points": 8
    }
  ],
  "interaction_checks": [],
  "score_weights": {
    "static": 0.15,
    "render": 0.2,
    "requirements": 0.2,
    "interaction": 0,
    "accessibility": 0.1,
    "animation": 0.15,
    "judge": 0.2
  },
  "pass_threshold": 0.68
}