Ui-Medium-Weather-Station

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 weather station dashboard. Return only the HTML document, without Markdown fences or explanations. The UI must include current conditions, location, temperature, wind, humidity, forecast cards, and a weather visualization with animated rain, clouds, or wind. Use realistic sample data. The weather animation must visibly move continuously using CSS animations or vanilla JavaScript inside the same HTML file. The dashboard should feel modern, polished, accessible, and usable on desktop and mobile. Use semantic HTML where reasonable, good spacing, readable typography, and clear visual hierarchy.

{
  "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": [
    [
      "Weather",
      "Forecast"
    ],
    [
      "Temperature",
      "Temp"
    ],
    [
      "Wind"
    ],
    [
      "Humidity"
    ],
    [
      "Rain",
      "Cloud",
      "Storm"
    ]
  ],
  "ui_requirements": [
    {
      "id": "weather_context",
      "type": "text",
      "text": [
        "Weather",
        "Forecast"
      ],
      "points": 10
    },
    {
      "id": "temperature",
      "type": "text",
      "text": [
        "Temperature",
        "Temp",
        "°"
      ],
      "points": 8
    },
    {
      "id": "wind",
      "type": "text",
      "text": [
        "Wind",
        "Gust"
      ],
      "points": 8
    },
    {
      "id": "humidity",
      "type": "text",
      "text": [
        "Humidity"
      ],
      "points": 8
    },
    {
      "id": "forecast_cards",
      "type": "text",
      "text": [
        "Forecast",
        "Today",
        "Tomorrow",
        "Monday",
        "Tuesday"
      ],
      "points": 10
    }
  ],
  "animation_checks": [
    {
      "id": "css_animation",
      "type": "css_animation_present",
      "points": 10
    },
    {
      "id": "weather_motion",
      "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
}