ha-dashboard-design
FeaturedBeautiful, 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".
Install
Quality Score: 88/100
Skill Content
Details
- Author
- tonylofgren
- Repository
- tonylofgren/aurora-smart-home
- Created
- 8 months ago
- Last Updated
- 6 days ago
- Language
- Python
- License
- MIT
Integrates with
Bundled in these plugins
Similar Skills
Semantically similar based on skill content — not just same category
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.
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.
dashboard-kit
Build a data/analytics dashboard using a captured, reusable design system (shadcn/ui-style tokens, Tailwind theme, Tremor + Recharts charting conventions, StatCard/DataTable components). Use when the user wants to create a dashboard, analytics view, or reporting UI — especially when they mention the dashboard kit, want it "in the usual style", or are starting a new project that visualizes data (KPIs, charts, tables, time-series).