·ha-dashboard-layouts
{}

ha-dashboard-layouts

수직 스택(위에서 아래로)을 사용하여 홈어시스턴트 대시보드 레이아웃 패턴을 제공합니다. 수평 스택(나란히), 그리드(반응형 다중 열), 패널(전체 화면) 및 복잡한 디자인을 위한 중첩 레이아웃. "카드를 나란히 배열하라", "만들다"라고 물을 때 사용하세요. 3열 그리드', '카드 수직 쌓기', '전체 화면 패널 보기' 또는 '반응형 레이아웃'.

4설치·0트렌드·@dawiddutoit

설치

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

ha-dashboard-layouts 설치 방법

명령줄에서 ha-dashboard-layouts AI 스킬을 개발 환경에 빠르게 설치

  1. 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
  2. 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/dawiddutoit/custom-claude --skill ha-dashboard-layouts
  3. 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

출처: dawiddutoit/custom-claude.

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).

수직 스택(위에서 아래로)을 사용하여 홈어시스턴트 대시보드 레이아웃 패턴을 제공합니다. 수평 스택(나란히), 그리드(반응형 다중 열), 패널(전체 화면) 및 복잡한 디자인을 위한 중첩 레이아웃. "카드를 나란히 배열하라", "만들다"라고 물을 때 사용하세요. 3열 그리드', '카드 수직 쌓기', '전체 화면 패널 보기' 또는 '반응형 레이아웃'. 출처: dawiddutoit/custom-claude.

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/dawiddutoit/custom-claude --skill ha-dashboard-layouts
카테고리
{}데이터 분석
인증됨
최초 등록
2026-02-25
업데이트
2026-03-11

Browse more skills from dawiddutoit/custom-claude

빠른 답변

ha-dashboard-layouts이란?

수직 스택(위에서 아래로)을 사용하여 홈어시스턴트 대시보드 레이아웃 패턴을 제공합니다. 수평 스택(나란히), 그리드(반응형 다중 열), 패널(전체 화면) 및 복잡한 디자인을 위한 중첩 레이아웃. "카드를 나란히 배열하라", "만들다"라고 물을 때 사용하세요. 3열 그리드', '카드 수직 쌓기', '전체 화면 패널 보기' 또는 '반응형 레이아웃'. 출처: dawiddutoit/custom-claude.

ha-dashboard-layouts 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/dawiddutoit/custom-claude --skill ha-dashboard-layouts 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

소스 저장소는 어디인가요?

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