ha-dashboard-design

Solid

Beautiful, copy-paste-ready Home Assistant dashboard designs with complete CSS themes, card-mod styles, and button-card templates. Nine distinct visual styles: Glassmorphism, Dark Minimal, Material You, Nordic, Neon/Cyberpunk, Warm Home, Soft Pastel, Luxury Gold, and Retro Terminal. Use this skill whenever the user wants to make their dashboard look good, asks about card styling, CSS for Home Assistant, card-mod, button-card templates, Lovelace themes, dashboard aesthetics, or wants a specific visual style - even if they don't use the words "design" or "CSS".

Web & Frontend 98 stars 3 forks Updated 1 weeks ago MIT

Install

View on GitHub

Quality Score: 87/100

Stars 20%
66
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# HA Dashboard Design Copy-paste-ready dashboard designs for Home Assistant. Pick a style, copy the blocks you need. ## Prerequisites (install via HACS) - **card-mod** - CSS styling for any card - **button-card** - fully customizable button cards - **mini-graph-card** - beautiful graphs (optional) - **mushroom** - modern card suite (optional, used in some styles) ## Available Styles | Style | Feel | Best for | |-------|------|----------| | `glassmorphism` | Frosted glass, depth, blur | Dark wallpaper backgrounds | | `dark-minimal` | Pure black, clean typography | Focus, productivity | | `material-you` | Google Material 3, dynamic color | Modern, familiar | | `nordic` | Light, airy, Scandinavian | Bright rooms, day use | | `neon-cyberpunk` | Glow effects, vivid neon | Night mode, wow factor | | `warm-home` | Amber/orange, cozy | Living rooms, evening | | `soft-pastel` | Soft pinks, lilac, mint | Friendly, family homes | | `luxury-gold` | Deep navy + gold accents | Premium, sophisticated | | `retro-terminal` | Green phosphor, monospace | Geek aesthetic | ## How to Use 1. Read the reference file for the chosen style 2. Copy the **Theme YAML** → paste into `config/themes/your-style.yaml` 3. Copy the **card-mod global styles** → paste into your dashboard resources 4. Copy individual **card blocks** → paste directly into your dashboard YAML 5. Adjust entity IDs to match your setup ## Quick Start - Any Style ```yaml # configuration.yaml - enable themes folder frontend: th...

Details

Author
tonylofgren
Repository
tonylofgren/aurora-smart-home
Created
7 months ago
Last Updated
1 weeks ago
Language
Python
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

dashboard

Use when building or styling a UI in the Dashboard aesthetic — A cloud-platform aesthetic of modular grids, glass-like panels, and crisp data hierarchy built for productivity dashboards that need to feel calm under heavy information. For Claude Code, Cursor, and Codex.

0 Updated 2 days ago
x77jh8gvrn-alt
Web & Frontend Listed

html-design-styles

Use when the user wants to apply a named design style or aesthetic to a frontend interface - e.g., bento, brutalist, neobrutalist, glassmorphism, vaporwave, dark SaaS, kawaii, cyberpunk, art deco, neumorphism, swiss, memphis, scandinavian, cottagecore, y2k, sci-fi HUD, and more. Triggers when the user names a specific style, asks "what design styles do you support", requests "a [style] look" for a page or component, or wants to restyle existing markup with a chosen aesthetic. Provides a curated catalog of 53 design styles each with full color palettes, typography stacks, component patterns, and layout specifications. Applies a NAMED catalog style only - do NOT use for open-ended visual direction with no style named (this skill applies only named catalog styles, so ask the user to pick one first), backend/JS functionality, or full multi-page app builds; styling and markup only.

2 Updated 3 days ago
chrismccoy
Web & Frontend Solid

matlab-uihtml-design

Generate beautiful, distinctive HTML/CSS/JS control panels for MATLAB uihtml components. 8 built-in styles (Clean, Material, Cosmic Dark, Neumorphic, Dashboard Light, Midnight Gradient, Minimal Mono, Warm Dark) plus custom aesthetics. Produces production-grade UI with sliders, buttons, toggles, and panels. Use when building visually polished MATLAB app UIs with uihtml.

156 Updated today
matlab