Design a Home Assistant Lovelace dashboard card or view and preview it live. Use when the user wants to build, add, or tweak a dashboard card (entities/glance/gauge/history-graph/custom) and see how it looks — write the card YAML, screenshot it with ha-shot, read the PNG, and iterate until it looks right.
Install
npx skills add LayerTM/ClaudeInHA --skill ha-lovelace-cardnpx skills add LayerTM/ClaudeInHA --skill ha-lovelace-card -a claude-code -gnpx skills add LayerTM/ClaudeInHA --skill ha-lovelace-card -a codex -ggemini skills install https://github.com/LayerTM/ClaudeInHA.git --path claude-code/skills/ha-lovelace-cardgh skill install LayerTM/ClaudeInHA ha-lovelace-cardgit clone --depth 1 https://github.com/LayerTM/ClaudeInHA /tmp/LayerTM__ClaudeInHA
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/LayerTM__ClaudeInHA/claude-code/skills/ha-lovelace-card ~/.claude/skills/ha-lovelace-card # Claude Code
cp -R /tmp/LayerTM__ClaudeInHA/claude-code/skills/ha-lovelace-card ~/.agents/skills/ha-lovelace-card # Codex, Cursor, Gemini CLI, Copilot, OpenCode