/ha-dashboard

Home Assistant Dashboard Skill

Configure Lovelace dashboards, cards, views, and themes for Home Assistant.

What This Skill Does

Provides expert guidance for configuring Home Assistant Lovelace dashboards, including card selection, view layouts, theming, and custom card development.

Core Capabilities

• Dashboard and view configuration (Masonry, Panel, Sections, Sidebar layouts)
• Built-in card configuration (40+ card types)
• Theme customization and CSS variables
• Custom card development guidance (LitElement/web components)
• HACS frontend integration recommendations

Auto-Trigger Keywords

Primary Keywords

Exact terms that strongly trigger this skill:

• lovelace
• dashboard
• card
• view
• theme
• panel

Secondary Keywords

Related terms that may trigger in combination:

• tile
• button-card
• mushroom
• mini-graph-card
• entities card
• glance
• gauge
• weather-forecast
• picture-elements
• horizontal-stack
• vertical-stack
• conditional
• yaml mode

Error-Based Keywords

Common error messages that should trigger this skill:

• "Unknown card type"
• "card configuration invalid"
• "Custom element doesn't exist"
• "Invalid YAML"
• "Entity not found"

Known Issues Prevention

When to Use

Use This Skill For

• Creating or modifying Lovelace dashboards
• Configuring cards (entities, buttons, tiles, gauges, etc.)
• Setting up view layouts (masonry, panel, sections, sidebar)
• Applying or creating themes
• Developing custom Lovelace cards
• Troubleshooting dashboard display issues

Don't Use This Skill For

• Home Assistant automations and scripts
• Integration setup and configuration
• Backend YAML configuration (not dashboard-related)
• Add-on installation and management
• Entity configuration (device/entity settings)

Quick Usage

# Basic dashboard with entities card
views:
  - title: Home
    cards:
      - type: entities
        title: Lights
        entities:
          - light.living_room
          - light.bedroom

Token Efficiency

File Structure

ha-dashboard/
├── SKILL.md        # Detailed instructions and patterns
├── README.md       # This file - discovery and quick reference
├── references/     # Supporting documentation
│   ├── card-reference.md     # Built-in card YAML examples
│   ├── view-types.md         # View layout comparison
│   ├── theme-variables.md    # CSS variables for theming
│   └── common-patterns.md    # Conditionals, stacks, entity rows
└── assets/
    ├── dashboard-template.yaml   # Starter dashboard config
    └── card-snippets.yaml        # Copy-paste card configs

Dependencies

Official Documentation

• Dashboards Overview
• Card Types
• Views
• Themes
• Custom Cards (Developer)

Related Skills

• ha-automation - Home Assistant automations and scripts (if available)
• ha-integration - Home Assistant integration setup (if available)

License: MIT