homeassistant-dashboard-designer
Design, update, and refactor Home Assistant Lovelace dashboards (YAML views/partials) with a constrained, machine-safe design system: button-card-first structure, minimal card-mod styling, optional flex-horseshoe + mini-graph telemetry, strict grid/vertical-stack layout rules,
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Design, update, and refactor Home Assistant Lovelace dashboards (YAML views/partials) with a constrained, machine-safe design system: button-card-first structure, minimal card-mod styling, optional flex-horseshoe + mini-graph telemetry, strict grid/vertical-stack layout rules, centralized templates, deterministic ordering, and config validation. Use for Home Assistant dashboard work (especially config/dashboards/**), when refactoring views, adding infra/home/energy/environment panels, or translating Stitch design inspiration into safe Lovelace YAML.
How to use
Przygotuj naturalne polecenie opisujące zmianę: co chcesz dodać, usunąć lub refaktoryzować (cel), gdzie dokładnie w strukturze config/dashboards/** oraz ewentualne ograniczenia (liczba kolumn, okno czasowe wykresów, sekcje do pominięcia).
Podaj ścieżkę do pliku YAML, który chcesz zmienić, na przykład config/dashboards/infrastructure/views/06_mariadb.yaml.
Umiejętność automatycznie wnioskuje strukturę intencji (typ dashboardu, mapowanie encji, ograniczenia) i egzekwuje system projektowania.
Jeśli brakuje informacji, umiejętność zadaje celowane pytania zamiast żądać pełnego bloku intencji — odpowiadaj na pytania dotyczące szczegółów projektu.
Otrzymujesz wygenerowany lub zrefaktoryzowany YAML z walidacją konfiguracji, zgodny z regułami button-card-first, szablonami centralnymi i deterministycznym porządkowaniem.
Opcjonalnie możesz podać strukturalną intencję (typ dashboardu, encje, szablony), ale nie jest to wymagane — naturalny język wystarczy do większości zadań.