Smart Home & FamilieWand

Teil der FamilieFamily Dusk — Dashboard für Zuhause

Die Wand, die euer Familienleben zusammenhaelt

Warmes Familien-Display fuer die Wand zuhause. Sieben Szenen im Loop — Uhr, Tagesplan, Wetter, Wer-zuhause, Aufgaben, Foto-Slideshow und Smart Home — versorgt aus einer JSON-URL.

Live-Vorschau
smart-home family-dashboard household calendar schedule weather photos tasks countdowns dusk warm
An mein Wand-Display senden

Diese Vorlage gehoert an die grosse Wand zuhause — Flur, Kueche, Wohnzimmer. Kein Dashboard zum Lesen, sondern eine stimmungsvolle Wand, die im Vorbeigehen zeigt, was heute ansteht: Uhrzeit mit persoenlicher Begruessung, Tagestermine, Wetter, wer gerade zuhause ist, To-Do und Einkauf, Familienfotos, Smart Home und Vorfreude auf anstehende Ereignisse.

Eine einzige JSON-URL versorgt das ganze Display. Dein Backend oder ein KI-Agent schreibt den Snapshot — Familienmitglieder, Termine, Wetter, Foto-URLs, Smart-Home- Werte — und das Display zieht alle 120 Sekunden nach.

Die Animationen laufen komplett auf der Client-Seite (CSS Keyframes + ein bisschen JavaScript). Keine externen Calls, keine Tracking-Pixel, keine Google Fonts — die Schriften Instrument Serif und Inter liegen als woff2 im Bundle. Laeuft auch auf einer alten iPad-Wandhalterung.

Anwendungsfälle

  • Familienwand in Flur, Kueche oder Wohnzimmer
  • WG-Display fuer geteilte Termine und Aufgaben
  • Kleine Pension oder Ferienhaus mit Gaeste-Infos
  • Eltern-Kind-Dashboard fuer Wochenplanung
  • 24/7-Display in der Kueche mit Wetter und Einkaufsliste

Für wen geeignet

Fuer Familien mit 3-5 Mitgliedern (skaliert bis 6 mit Farb-Wiederholung). Der `home`-Slot wird typischerweise von einem KI-Agenten beschrieben, der Kalender (CalDAV), Wetter (DWD/OpenMeteo), Smart-Home-Status (Home Assistant etc.) und Foto-URLs zusammenfasst. Landscape 16:9 ist die Zieldimension; das Stage skaliert letterboxed auf 16:10, 4:3 und Portrait.

So richtest du es ein

  1. Vorlage an dein Wand-Display senden.
  2. Im Admin den `home`-Slot anlegen (Typ `value`).
  3. Backend-Worker oder KI-Agent einrichten, der alle 60-120

Sekunden den Slot mit dem JSON-Schema aus `data/home.default.json` beschreibt — `set_data_slot` per Admin-API oder MCP.

  1. Familienfotos als Assets hochladen und ihre URLs in

`home.photos[].url` eintragen (oder leer lassen — dann zeigt das Display gestreifte Platzhalter).

  1. Fertig. Das Display zieht alle 120 Sekunden nach.

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 "Family Dusk — Familien-Wand", 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.