homeassistant-dashboard-designer
CommunityDesign HA dashboards safely
AuthorCCOSTAN
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the creation and maintenance of Home Assistant Lovelace dashboards by enforcing a consistent, safe, and efficient design system, preventing common errors and ensuring maintainability.
Core Features & Use Cases
- Constrained Design System: Enforces button-card-first structure, minimal card-mod, and strict layout rules for predictable dashboards.
- Automated Refactoring: Safely updates and refactors existing dashboard YAML, ensuring adherence to design standards.
- Use Case: Refactor a complex Home Assistant dashboard view to use the standardized button-card templates and grid layout, ensuring consistency across all your smart home interfaces.
Quick Start
Use the homeassistant-dashboard-designer skill to refactor the 'infrastructure' dashboard view.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: homeassistant-dashboard-designer Download link: https://github.com/CCOSTAN/Home-AssistantConfig/archive/main.zip#homeassistant-dashboard-designer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.