What common errors does this skill prevent?

It prevents 2-space indentation errors, invalid entity formats, missing required card properties (like forecast_type), and incorrect view type configurations.

Can I use this for UI-managed dashboards?

Yes, while it is highly optimized for YAML mode, the patterns and entity formatting rules apply to the code editor within the Home Assistant UI as well.

Does it support custom cards from HACS?

Yes, it includes instructions for managing Lovelace resources and implementing third-party custom cards commonly found in the Home Assistant Community Store.

How does this skill save 40% on token usage?

By providing Claude with specific rules and patterns for Home Assistant, it eliminates the need for the AI to repeatedly search for or guess the correct YAML structure, leading to more concise and accurate responses.

Home Assistant Dashboard Architect

Name: Home Assistant Dashboard Architect
Author: nodnarbnitram

bynodnarbnitram

•

Productivity & Workflow

Configures Home Assistant Lovelace dashboards, views, and cards with validated YAML syntax and optimized token usage.

The Home Assistant Dashboard Skill empowers Claude to efficiently design, troubleshoot, and manage Lovelace interfaces. It enforces domain-specific best practices, such as strict 2-space YAML indentation and precise entity ID formatting, to prevent common configuration errors. By providing pre-defined patterns for masonry layouts, conditional cards, and custom themes, it reduces token consumption by approximately 40% while ensuring your smart home dashboard is mobile-responsive and functionally robust. This skill is essential for users managing their Home Assistant frontend via YAML mode or seeking to implement complex UI patterns with ease.

Key Features

01Standardized entity ID formatting and card property validation

02Resource management for custom HACS cards and frontend extensions

03Validated YAML configuration for Lovelace dashboards and views

04Mobile-responsive layout optimization and theme variable management

05Advanced card implementation including conditional and stacked layouts

061 GitHub stars

Use Cases

01Troubleshooting and fixing indentation or syntax errors in complex Lovelace configurations.

02Building a new Home Assistant dashboard from scratch using YAML mode for version control.

03Creating dynamic, conditional UI elements that change based on entity states.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nodnarbnitram/claude-code-extensions ha-dashboard

For use in Claude.ai and ChatGPT

Download Skill