·ha-dashboard-layouts
{}

ha-dashboard-layouts

Provides Home Assistant dashboard layout patterns using vertical-stack (top-to-bottom), horizontal-stack (side-by-side), grid (responsive multi-column), panel (full-screen), and nested layouts for complex designs. Use when asked to "arrange cards side by side", "create 3 column grid", "stack cards vertically", "full-screen panel view", or "responsive layout".

4Installs·0Trend·@dawiddutoit

Installation

$npx skills add https://github.com/dawiddutoit/custom-claude --skill ha-dashboard-layouts

How to Install ha-dashboard-layouts

Quickly install ha-dashboard-layouts AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/dawiddutoit/custom-claude --skill ha-dashboard-layouts
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: dawiddutoit/custom-claude.

SKILL.md

View raw

Works with Lovelace YAML configurations, native layout cards, and mobile-first responsive patterns. Home Assistant Dashboard Layouts

Create responsive Home Assistant Lovelace dashboards using native layout types.

Use when: Cards should appear side-by-side on desktop and mobile. Limit to 2-3 cards (more gets cramped on mobile).

Provides Home Assistant dashboard layout patterns using vertical-stack (top-to-bottom), horizontal-stack (side-by-side), grid (responsive multi-column), panel (full-screen), and nested layouts for complex designs. Use when asked to "arrange cards side by side", "create 3 column grid", "stack cards vertically", "full-screen panel view", or "responsive layout". Source: dawiddutoit/custom-claude.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/dawiddutoit/custom-claude --skill ha-dashboard-layouts
Category
{}Data Analysis
Verified
First Seen
2026-02-25
Updated
2026-03-10

Browse more skills from dawiddutoit/custom-claude

Quick answers

What is ha-dashboard-layouts?

Provides Home Assistant dashboard layout patterns using vertical-stack (top-to-bottom), horizontal-stack (side-by-side), grid (responsive multi-column), panel (full-screen), and nested layouts for complex designs. Use when asked to "arrange cards side by side", "create 3 column grid", "stack cards vertically", "full-screen panel view", or "responsive layout". Source: dawiddutoit/custom-claude.

How do I install ha-dashboard-layouts?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dawiddutoit/custom-claude --skill ha-dashboard-layouts Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/dawiddutoit/custom-claude