Smart Home & FamilieEinzelplatz

Teil der FamilieWeatherscope Live — Live-Wetter & News

Wetter + News live auf einem Screen

Live-Wetterdashboard mit grosser Temperaturanzeige, 5-Stunden-Trend und rotierendem Glas-Panel (Sonnenzeiten+UV+AQI · Wind+Gefühlt+ Feuchte+Sicht · Top-Schlagzeilen). Wetter von Open-Meteo, Meldungen von tagesschau.de.

Live-Vorschau
weather live news dashboard open-meteo air-quality glassmorphism premium broadcast
An meinen Screen senden

Eine grosse dunkle Himmels-Photo mit sanftem Gradienten links, Uhr und Datum gross, darunter Standort und Live-Temperatur mit Wetter-Symbol. Rechts ein Glaspanel: oben fünf Stunden Trendvorschau mit Icons, darunter drei Detailansichten, die alle 12 Sekunden wechseln — Sonne+UV+Luftqualität, Wind+ Gefühlt+Feuchte+Sicht, und Top-News von tagesschau.

Das Display zieht Daten direkt aus drei öffentlichen APIs (keine Schlüssel nötig): Open-Meteo für Wetter und Luftqualität, tagesschau.de für Schlagzeilen. Fällt eine Quelle aus, bleiben die anderen sichtbar.

Anwendungsfälle

  • Lobby oder Empfang in Hotel, Ferienwohnung, Coworking
  • Flur- oder Küchenwand zuhause
  • Tourist-Info, Skigebiet, Gasthof im Alpenraum
  • Vertriebsraum, Werkstatt, Maker-Space

Für wen geeignet

Für alle, die ein Wetter-Display ohne eigenen Backend-Server wollen. Das Design ist broadcast-tauglich genug für Lobbys, aber ruhig genug für ein Wohnzimmer. Die Lokation ist frei wählbar — setze die Koordinaten in `location.latitude` / `location.longitude` und das Display zeigt das lokale Wetter.

So richtest du es ein

  1. Vorlage an den Screen senden. Hintergrundbild austauschen,

falls ein regionales Foto passender ist.

  1. KI-Agent bitten: „Setze `brand.businessName` auf

KALTERHERBERG TV, `location.latitude` auf 50.518, `location.longitude` auf 6.216."

  1. Das Display zieht Wetter, Luftqualität und News beim

Start und aktualisiert sich dann automatisch (Wetter alle 15 min, AQI+News alle 30 min).

Mit KI anpassen

  1. Sende diese Vorlage an dein Display.
  2. Öffne deinen KI-Agenten mit agentView-Zugriff.
  3. Kopiere den Prompt unten und beschreibe deine Änderungen.
Lade das aktuelle HTML meines Displays "Weatherscope Live — Wetter + News", passe es für meinen Use Case an und sende die geänderte Version wieder an dasselbe Display. Behalte Layout und Grundstruktur bei, ändere aber Texte, Farben und Bereiche nach meinen Angaben.