Weather Now

Category: Developer & ops

Live preview
City line
1°
Condition
H 1° · L 1°
1.2M
Views
42K
Clicks
3.5%
CTR
a2uicatalog.ai · weather_now

Current-conditions weather card — a hero temperature reading beside a drawn CSS weather glyph (sun/cloud/storm, not an emoji or external icon font), condition text, hi/lo, and 4 supporting stat tiles (precip, wind, UV, humidity).

Surfaces
google-chat-chromium-render
Fields
FieldTypeRequired
city_linestring (e.g., 'TOULOUSE — LA VILLE ROSE'). Eyebrow line naming the location.required
stampstring (optional, e.g., 'Sat 19 Jul · 17:45')optional
tempinteger. The hero reading.required
conditionstring. Display text in any language, e.g. 'Ensoleillé'.required
codestring, one of sun|partly|cloud|rain|storm. Selects the drawn glyph.required
hiintegerrequired
lointegerrequired
statslist of exactly 4 dicts: [{value: string, label: string}, ...]required
Example payload
{
  "type": "weather_now",
  "city_line": "City line",
  "temp": 1,
  "condition": "Condition",
  "code": "{\"type\": \"example\"}",
  "hi": 1,
  "lo": 1,
  "stats": [
    {
      "label": "Views",
      "value": "1.2M"
    },
    {
      "label": "Clicks",
      "value": "42K"
    },
    {
      "label": "CTR",
      "value": "3.5%"
    }
  ]
}
ARD catalog entry
{
  "identifier": "urn:air:a2uicatalog.ai:atom:weather_now",
  "displayName": "Weather Now",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/weather_now/",
  "capabilities": [
    "google-chat-chromium-render"
  ],
  "description": "Current-conditions weather card \u2014 a hero temperature reading beside a drawn CSS weather glyph (sun/cloud/storm, not an emoji or external icon font), condition text, hi/lo, and 4 supporting stat tiles (precip, wind, UV, humidity).",
  "representativeQueries": [
    "show a hero temperature with drawn weather glyph and 4 supporting stats",
    "current-conditions weather card \u2014 a hero temperature reading beside a drawn css weather glyph (sun/c",
    "render a weather now"
  ]
}
← Full ARD catalog
Deploy your own Google Apps Script renderer

The renderer is an open-source Google Apps Script web app. Deploy your own instance in 4 commands — you own the URL, no dependency on the demo endpoint.

git clone https://github.com/a2uicatalog/a2ui
cd a2ui/apps-script-surface/gas-wired-renderer
clasp push && clasp deploy
Full deploy guide →