Software

ITSWEBER Dashboards für Home Assistant

Beitragsbild ITSWEBER Zuhause: Ein Desktop-Dashboard für Home Assistant, das sich selbst baut

Vier Dashboards für Home Assistant aus einem Guss: Desktop, iPhone, Flur-Tablet und Küchen-Tablet, dazu zwei Farbwelten, ein Paket und ein Assistent, der alles in deine Instanz schreibt. Kostenlos für den privaten Einsatz.

ITSWEBER Dashboards für Home Assistant

Vier Dashboards, die zusammengehören. ITSWEBER Zuhause für den großen Bildschirm, Mobil fürs Handy mit Rollen für Eltern, Kinder und Geräte, das Flur-Tablet als Kommen-und-Gehen-Zentrale und das Küchen-Tablet mit Timer, Klingel und Ansagen. Dazu zwei Farbwelten mit Hell- und Dunkelmodus, „ITSWEBER Teal“ in den Farben dieser Webseite und „ITSWEBER Salbei“ in ruhigem Grün, ein Paket für Haus-Check, geprüfte Tür-Skripte und Küchentimer, und der Assistent, der alles in deine Instanz schreibt.

Was drin ist

  • assistent.html, der Einrichtungsassistent in sechs Schritten, läuft im Browser, nichts verlässt dein Netz
  • www/iw-heizung, www/iw-mobile, www/iw-flur, www/iw-tablet, die vier Karten als fertige Dateien mit Schrift und Tönen
  • www/iw-brand, die Mindmap als Maske, die das Theme einfärbt
  • themes/itsweber_teal.yaml und themes/itsweber_salbei.yaml, die beiden Farbwelten
  • packages/itsweber_dashboards.beispiel.yaml, ein Beispiel für das Paket, das der Assistent passend erzeugt
  • LIESMICH.md mit Voraussetzungen und den fünf Schritten

Voraussetzungen

Home Assistant 2025 oder neuer. Für das Desktop-Dashboard aus HACS die Karten Button Card, Navbar Card, Expander Card, Mini Graph Card, Stack In Card, Card-mod und Kiosk Mode. Ein Nutzer mit Administratorrechten und ein langlebiger Zugangstoken. Der Assistent prüft, was fehlt, und sagt bei jedem Punkt, was zu tun ist.

Einrichtung

  1. Den Ordner www nach /config/www und die beiden Dateien aus themes nach /config/themes kopieren. In der configuration.yaml müssen Themes und Pakete eingebunden sein, die zwei Zeilen dafür stehen im LIESMICH.md.
  2. assistent.html öffnen, Adresse und Token eintragen, verbinden.
  3. Prüfen, auswählen, zuordnen. „Vorschläge übernehmen“ füllt vor, was der Assistent an Namen erkennt.
  4. Einrichten. Der Assistent legt die Dashboards an und lädt das Paket herunter, das nach /config/packages gehört. Danach Home Assistant neu starten.
  5. Die Farbwelt wählst du im Assistenten, die Dashboards setzen sie selbst. In der Companion App das Mobil-Dashboard als Standard auf dem Gerät setzen.

Die ausführliche Anleitung mit Bildern zu jedem Schritt, dazu Rollen, Labels, Farbwelten und Fehlerbehebung, steht im Wiki. Die Hintergründe, Bilder und Entscheidungen stehen in der dreiteiligen Artikelserie im Blog. Nutzung privat frei. Fragen und Rückmeldungen über die Kommentare oder das Kontaktformular.