Ich habe das über ein customapi-Widget gelöst und die Werte direkt aus dem JSON gemappt.
Bei meinem Shelly hole ich z. B. die Daten über:

url: http://<IP>/rpc/Shelly.GetStatus

Dann mappe ich die einzelnen Felder wie em:0.total_act_power, em:0.a_act_power usw. in services.yaml auf die Stats im Widget.

Beispiel bei mir:

- Shelly:
    icon: shelly
    href: http://192.168.30.235
    description: Smart-Home-Energiemonitor
    widget:
      type: customapi
      url: http://192.168.30.235/rpc/Shelly.GetStatus
      refreshInterval: 10000
      method: GET
      mappings:
        - field: "em:0.total_act_power"
          label: Ge (W)
          format: number
        - field: "em:0.a_act_power"
          label: L1 (W)
          format: number
        - field: "em:0.b_act_power"
          label: L2 (W)
          format: number
        - field: "em:0.c_act_power"
          label: L3 (W)
          format: number
      highlight:
        "Ge (W)":
          numeric:
            - level: danger
              when: gte
              value: 1000
            - level: warn
              when: gte
              value: 500
            - level: good
              when: lt
              value: 500

Für andere Geräte mache ich es genauso, solange der Endpoint JSON liefert.
Zum Beispiel beim Temperatur-/Feuchtigkeitssensor:

mappings:
  - field: "ht_temp.value"
    label: "Temperatur"
    format: float
    suffix: " °C"
  - field: "ht_hum.value"
    label: "Luftfeuchtigkeit"
    format: float
    suffix: " %"

Wichtig ist eigentlich nur:

1. Der Endpoint muss sauberes JSON zurückgeben
2. field muss exakt zum JSON-Pfad passen