← ClaudeAtlas

ha-screenshotlisted

Capture and visually verify how a Home Assistant dashboard, view, or Lovelace card looks. Use when the user wants to see/check a dashboard's appearance, or after editing Lovelace to confirm the change rendered correctly.
LayerTM/ClaudeInHA · ★ 0 · AI & Automation · score 70
Install: claude install-skill LayerTM/ClaudeInHA
Visually verify Home Assistant UI by capturing a screenshot, then **reading the PNG** to evaluate. Never claim a dashboard "looks right" without looking at a fresh screenshot. ## Primary: `ha-shot` Screenshots an authenticated Lovelace dashboard to PNG. Requires the add-on's **HA Token** (Long-Lived Access Token) option to be set — if unset, `ha-shot` prints a hint; tell the user to set it in the add-on config. ```bash ha-shot <dashboard-path> [output.png] [WIDTHxHEIGHT] ``` ```bash # Default dashboard, first view ha-shot /lovelace/0 /tmp/dash.png 1280x800 # A named view within the default dashboard ha-shot /lovelace/lights /tmp/lights.png 1280x800 # A specific dashboard by its url_path ha-shot /lovelace-energy/0 /tmp/energy.png 1280x800 # Mobile-width check ha-shot /lovelace/0 /tmp/mobile.png 414x896 ``` Then evaluate it — **Read the PNG** (`/tmp/dash.png`) so you actually see the result. Judge layout, card contents, empty/error states, and whether the edit took effect. ### Path reference - `/lovelace/0` — default dashboard, view index `0` (also `/1`, `/2`, …). - `/lovelace/<view-path>` — a view by its `path:` slug. - `/<dashboard-url_path>/<view>` — a non-default dashboard (its `url_path` from config). ### Sizing - Desktop: `1280x800` (default-ish). Wide dashboards: `1920x1080`. - Mobile: `414x896`. Use it to catch responsive/column breakage. ## Iterating on a card After changing a card in the Lovelace config (edit the `!include`d dashboard file, 2-space YAML, ne