Smart Home & FamilieWand
Teil der FamilieFamily Dusk — Dashboard für ZuhauseDie 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.
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
- Vorlage an dein Wand-Display senden.
- Im Admin den `home`-Slot anlegen (Typ `value`).
- 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.
- Familienfotos als Assets hochladen und ihre URLs in
`home.photos[].url` eintragen (oder leer lassen — dann zeigt das Display gestreifte Platzhalter).
- Fertig. Das Display zieht alle 120 Sekunden nach.