·ha-dashboard-layouts
{}

ha-dashboard-layouts

Proporciona patrones de diseño del panel de Home Assistant mediante pila vertical (de arriba a abajo), pila horizontal (de lado a lado), cuadrícula (multicolumna receptiva), panel (pantalla completa) y diseños anidados para diseños complejos. Úselo cuando se le solicite "organizar las tarjetas una al lado de la otra", "crear Cuadrícula de 3 columnas", "apilar tarjetas verticalmente", "vista de panel de pantalla completa" o "diseño responsivo".

4Instalaciones·0Tendencia·@dawiddutoit

Instalación

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

Cómo instalar ha-dashboard-layouts

Instala rápidamente el skill de IA ha-dashboard-layouts en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/dawiddutoit/custom-claude --skill ha-dashboard-layouts
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: dawiddutoit/custom-claude.

SKILL.md

Ver original

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

Proporciona patrones de diseño del panel de Home Assistant mediante pila vertical (de arriba a abajo), pila horizontal (de lado a lado), cuadrícula (multicolumna receptiva), panel (pantalla completa) y diseños anidados para diseños complejos. Úselo cuando se le solicite "organizar las tarjetas una al lado de la otra", "crear Cuadrícula de 3 columnas", "apilar tarjetas verticalmente", "vista de panel de pantalla completa" o "diseño responsivo". Fuente: dawiddutoit/custom-claude.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/dawiddutoit/custom-claude --skill ha-dashboard-layouts
Categoría
{}Análisis de Datos
Verificado
Primera vez visto
2026-02-25
Actualizado
2026-03-10

Browse more skills from dawiddutoit/custom-claude

Respuestas rápidas

¿Qué es ha-dashboard-layouts?

Proporciona patrones de diseño del panel de Home Assistant mediante pila vertical (de arriba a abajo), pila horizontal (de lado a lado), cuadrícula (multicolumna receptiva), panel (pantalla completa) y diseños anidados para diseños complejos. Úselo cuando se le solicite "organizar las tarjetas una al lado de la otra", "crear Cuadrícula de 3 columnas", "apilar tarjetas verticalmente", "vista de panel de pantalla completa" o "diseño responsivo". Fuente: dawiddutoit/custom-claude.

¿Cómo instalo ha-dashboard-layouts?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/dawiddutoit/custom-claude --skill ha-dashboard-layouts Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

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