Which visual styles are included?

Available styles include Glassmorphism, Dark Minimal, Material You, Nordic, Neon/Cyberpunk, Warm Home, Soft Pastel, Luxury Gold, and Retro Terminal.

What are the requirements for using these dashboard designs?

You need Home Assistant with HACS installed, specifically the card-mod and button-card plugins, to support the advanced CSS and custom templates.

Does this skill work with the new Sections layout?

The skill defaults to the Masonry layout for maximum compatibility across all versions, but it can provide Section-compatible code if you explicitly request it.

Can I customize the colors of the provided styles?

Yes, the skill provides standard Theme YAML files that you can easily modify in your configuration directory to adjust colors and accents.

How do I apply a specific theme to my dashboard?

Copy the provided Theme YAML into your themes folder, enable themes in your configuration.yaml, and then select the theme in your dashboard settings.

Home Assistant Dashboard Designer

Name: Home Assistant Dashboard Designer
Author: tonylofgren

bytonylofgren

•

设计工具

Generates beautiful, copy-paste-ready Home Assistant dashboard designs with advanced CSS themes and custom card templates.

This skill transforms Home Assistant interfaces by providing complete YAML configurations for nine distinct visual styles, including Glassmorphism, Material You, and Retro Terminal. It streamlines the creation of professional-grade dashboards by offering ready-to-use templates for card-mod styling, button-card components, and responsive masonry layouts. Whether you are building a high-end luxury interface or a cozy home control center, this skill automates the complex CSS and theme configuration required for modern smart home aesthetics.

主要功能

01Delivers copy-paste-ready YAML for advanced card-mod and button-card configurations

02Includes pre-styled templates for sensors, media players, climate control, and security

03Generates AI image prompts for creating matching background wallpapers and mockups

04Provides nine unique visual styles including Glassmorphism, Neon, and Dark Minimal

0534 GitHub stars

06Optimizes layouts for masonry views to ensure compatibility across all Home Assistant versions

使用场景

01Creating a cohesive visual identity for wall-mounted smart home tablets

02Implementing complex CSS effects like frosted glass or neon glow without manual coding

03Modernizing a default Home Assistant dashboard with professional UI/UX themes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add tonylofgren/aurora-smart-home ha-dashboard-design

For use in Claude.ai and ChatGPT

主要功能

01Delivers copy-paste-ready YAML for advanced card-mod and button-card configurations

02Includes pre-styled templates for sensors, media players, climate control, and security

03Generates AI image prompts for creating matching background wallpapers and mockups

04Provides nine unique visual styles including Glassmorphism, Neon, and Dark Minimal

0534 GitHub stars

06Optimizes layouts for masonry views to ensure compatibility across all Home Assistant versions

使用场景

01Creating a cohesive visual identity for wall-mounted smart home tablets

02Implementing complex CSS effects like frosted glass or neon glow without manual coding

03Modernizing a default Home Assistant dashboard with professional UI/UX themes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add tonylofgren/aurora-smart-home ha-dashboard-design

For use in Claude.ai and ChatGPT