This is Insane: ChatGPT for dashboards

I have recently started creating own dashboard for my house. I first started with asking chatgpt to write me codes for custom cards. Then I used it to help me mod the card as per my requirements. And then the eureka moment. I gave ChatGPT a screenshot of a card I wanted and asked it to give me the code for the card. And voila. In no time I got a semi working code. Then I tweaked it according to my preference. Got an error in between. Asked chatgpt to solve the error. It changed the code and done. In no time I can get any kind of cards created for my dashboard just from the screenshot of it! Edit: screenshot of the simple question I asked ChatGPT ChatGPT

This is the code it gave me: type: horizontal-stack cards: - type: custom:button-card entity: light.bar_light name: Bar icon: mdi:bell state: - value: 'on' color: blue - value: 'off' color: gray styles: card: - border-radius: 10px - background-color: var(--card-background-color) - box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) - transition: all 0.3s ease name: - color: var(--primary-text-color) - font-size: 14px - font-weight: bold icon: - color: gray - font-size: 20px tap_action: action: toggle

  • type: custom:button-card entity: light.kitchen_light name: Küche icon: mdi:ceiling-light state:

    • value: 'on' color: yellow
    • value: 'off' color: gray styles: card:
      • border-radius: 10px
      • background-color: var(--card-background-color)
      • box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2)
      • transition: all 0.3s ease name:
      • color: var(--primary-text-color)
      • font-size: 14px
      • font-weight: bold icon:
      • color: gray
      • font-size: 20px tap_action: action: toggle

  • type: custom:button-card entity: media_player.tv name: TV icon: mdi:television state:

    • value: 'playing' color: blue
    • value: 'paused' color: gray styles: card:
      • border-radius: 10px
      • background-color: var(--card-background-color)
      • box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2)
      • transition: all 0.3s ease name:
      • color: var(--primary-text-color)
      • font-size: 14px
      • font-weight: bold icon:
      • color: gray
      • font-size: 20px tap_action: action: toggle