PRISM – Home Assistant neu erleben

Moin Leute!

Es ist endlich soweit. Wer mir auf Reddit oder GitHub folgt, hat vielleicht schon den ein oder anderen Teaser gesehen. Ich habe in den letzten Wochen und Monaten viel Zeit damit verbracht, meinem Home Assistant nicht nur unter der Haube Beine zu machen, sondern ihm auch optisch einen komplett neuen Anstrich zu verpassen.

Das Ergebnis ist Prism.

Eigentlich fing alles nur als kleines Experiment an („Just a prototype“ – ihr kennt das 😉), aber nach der wahnsinnigen Resonanz auf die ersten Screenshots habe ich mich entschieden, das Ganze als vollständiges Dashboard-Paket zu veröffentlichen.

Heute zeige ich euch, was Prism kann, welche Custom Cards enthalten sind und wie ihr das Ganze bei euch installiert.

Was ist Prism eigentlich?

Prism ist mehr als nur eine Ansammlung von YAML-Code. Es ist ein Design-Konzept, das versucht, Home Assistant moderner, aufgeräumter und vor allem lebendiger zu machen.

Der Fokus liegt auf:

Glassmorphism-Look: Moderne Transparenzen und Unschärfe-Effekte.
Light & Dark Mode Support: Egal ob ihr Team „Dark Mode“ seid oder es hell mögt – Prism passt sich automatisch an.
Animationen: Statische Icons waren gestern. Die Energy-Card lebt!
Modularität: Ihr könnt das komplette Dashboard nutzen oder euch nur die Rosinen (einzelne Karten) herauspicken.

Die Highlights: 25+ Custom Cards

Aktuell umfasst das Projekt über 25 eigene Karten. Hier sind ein paar meiner persönlichen Favoriten, die ihr unbedingt ausprobieren müsst:

1. Prism Energy Card ⚡

Das Herzstück vieler Dashboards. Aber statt nur Zahlen anzuzeigen, habe ich hier eine Wetter-Option integriert. Die Karte zeigt euch nicht nur den Verbrauch, sondern visualisiert den Status mit Animationen – Tag/Nacht, sonnig oder bewölkt. Das bringt sofort Leben in die Oberfläche.

2. 3D Printer Integration (BambuLab & Creality) 🖨️

Da ich selbst viel drucke, durften diese Karten nicht fehlen.

BambuLab Card: Zeigt euch den Status, Temperaturen und sogar das Vorschaubild des G-Codes direkt im Dashboard an (vorausgesetzt, die Integration liefert es).
Creality Card: Ja, auch für die Creality-Nutzer unter uns gibt es jetzt eine schicke Karte (manuelle Installation aktuell).

3. Standard-Komponenten in „Schön“

Egal ob prism-heat für eure Thermostate oder prism-button für einfache Schalter – alle Karten folgen einer einheitlichen Designsprache.

Installation

Damit ihr Prism bei euch nutzen könnt, gibt es zwei Wege. Ich empfehle ganz klar die Methode über HACS – das spart euch Arbeit bei Updates und ist in wenigen Klicks erledigt.

Möglichkeit 1: Über HACS (Empfohlen)

Da Prism (noch) nicht im Standard-Store von HACS gelistet ist, müsst ihr es kurz als „Benutzerdefiniertes Repository“ hinzufügen. Das geht in wenigen Sekunden:

Öffnet HACS in eurem Home Assistant.
Klickt oben rechts auf die drei Punkte (...) und wählt Benutzerdefinierte Repositories.
Fügt dort meine GitHub-URL ein:
https://github.com/BangerTech/Prism-Dashboard
Wählt als Kategorie Lovelace (oder Dashboard).
Klickt auf Hinzufügen.

Jetzt könnt ihr einfach nach „Prism Dashboard“ suchen, es installieren und anschließend Home Assistant neu starten (Browser-Cache leeren nicht vergessen!).

Möglichkeit 2: Manuell (Für die Puristen)

Wer HACS nicht nutzt (warum eigentlich nicht? 😉) oder volle Kontrolle über jede Datei will, kann das Ganze auch händisch machen:

Ladet euch das Repository von GitHub herunter.
Kopiert die Datei prism-dashboard.js (findet ihr meist unter custom-components oder im Release) in euren Ordner /www/custom-components/ auf eurem Home Assistant.
Geht in Einstellungen → Dashboards → oben rechts auf die drei Punkte → Ressourcen.
Fügt eine neue Ressource hinzu:
- URL: /local/custom-components/prism-dashboard.js
- Typ: JavaScript Module

Egal welchen Weg ihr wählt: Danach stehen euch die Karten zur Verfügung!

Fazit & Feedback

Das Projekt ist (wie eigentlich alles im Smart Home) „Work in Progress“. Besonders die Dokumentation steht auf meiner To-Do-Liste ganz oben – ich weiß, die vernachlässigt man als Entwickler gerne mal bis zum Schluss 😉.

Schaut gerne auf GitHub vorbei, lasst einen ⭐ da, wenn es euch gefällt, und berichtet mir von Fehlern oder Wünschen.

🔗 GitHub Repository: BangerTech/Prism-Dashboard

Viel Spaß beim Nachbauen und Stylen!