ha-badge-addlisted

Adds a custom Lovelace badge to an existing Home Assistant frontend module, conforming to spec/ha/lovelace-badges. Generates the badge custom element (an HTMLElement or LitElement subclass with setConfig, the hass property setter, and render), the customElements.define call (the tag name becomes custom:<badge-type>), optionally getConfigElement / getStubConfig for the graphical editor, and the window.customBadges registration entry (type, name, description) so the badge appears in the dashboard badge picker. Documents dashboard referencing via type "custom:<badge-type>" and the module resource. Activate on "add a custom badge", "create a Lovelace badge", "register a custom badge", "füge ein Custom-Badge hinzu", "erstelle ein Lovelace-Badge". Do not activate for a custom card (ha-lovelace-card-scaffold), a tile card feature (ha/lovelace-card-features), a dashboard strategy (ha/lovelace-strategies), or deploying to a live HA instance.
nolte/claude-home-assistant · ★ 1 · AI & Automation · score 68

Install: claude install-skill nolte/claude-home-assistant

# HA Badge Add Spec: `spec/claude/ha-badge-add/en.md` (EN canonical) / `spec/claude/ha-badge-add/de.md` (DE translation). ## Why this is a skill, not an agent - **Human-visible augmentation surface** — the user describes a status display and reads back the badge element, the registration entry, and the conformance report; a skill keeps this on the visible command surface, like the sibling frontend skill `ha-lovelace-card-scaffold`. - **Mid-flow interactivity** — the `badge_type` tag-name decision and the "graphical editor yes/no" choice are per-run dialogues the user approves before generation. - **Bounded, inline generation** — one custom-element module plus its `window.customBadges` push and optional editor fit inline; no isolated agent context is needed. - Counter-dimension considered: the draft→validate loop could be an agent, but the tag-name and editor-depth decisions belong in the user's working context; skill wins. ## When this skill activates Use this skill to add **one** custom badge — the small status widget at the head of a Lovelace view — to an existing frontend module (an integration's `www/` folder or a standalone Lovelace module). ## When NOT to activate - a custom card (the larger content building block) → `ha-lovelace-card-scaffold` / `ha/lovelace-card-patterns` - a tile card feature → `ha/lovelace-card-features` - a dashboard strategy → `ha/lovelace-strategies` - the `config-changed` graphical-editor detail pattern → `ha/lovelace-card-editor` - deplo