usecases.sh
usecases.sh
Home & Life Admin

Rebuild Home Assistant dashboards as custom HTML pages

A Home Assistant user had Claude migrate their YAML dashboards to animated HTML pages with energy, camera and lyrics views in one weekend; a second user wired a Figma design to HA with Claude.

Done with
Apps touched

What they did

u/ElementZoom asked Claude to migrate their existing YAML Home Assistant dashboards to HTML. The new pages animate and change colour with entity state and temperature, show an energy page fed by three smart plugs, switch camera streams between a light and a 2K stream with playback and two-way audio, and show synced song lyrics when available. The poster used Claude Pro in chat and deliberately did not connect it to Home Assistant over security concerns, so the work involved pasting each new HTML file in and filling in a long-lived API token by hand. In a separate thread, u/iamtherufus designed a tablet dashboard in Figma and worked with Claude to tie the HTML, CSS and JavaScript to the Home Assistant backend, covering lights, climate, a robot vacuum, cameras and an alarm.

How it went

The first poster finished the migration in one weekend and posted a video of the result. The second said the dashboard works with all their devices, with a few pages still to build, and that it is hosted from Home Assistant's local folder. Neither gives numbers beyond that.

Worth knowing

The HTML is hard-coded to each person's entities, so sharing the files is of little use; commenters suggested asking for the method instead. Skipping a direct connection means manual copy and paste and handling an API token yourself; commenters pointed to Home Assistant MCP servers and add-ons that let Claude work on the instance directly.

Try it withClaude

Here are my current Home Assistant dashboards: [paste YAML]. Rebuild them as a standalone HTML, CSS and JavaScript dashboard for [my tablet or screen size] that talks to Home Assistant at [URL] over its WebSocket API using [a long-lived token I will add myself]. Keep every entity and control that exists today, and add [animations by state, an energy page, camera views]. Start with a duplicate of one dashboard only and stop so I can test it before you convert the rest.

Square brackets are the parts to fill in. The prompt is ours; the story is theirs.

Run this with your own accounts

Connect Home Assistant once on One and any agent you run can use it, with the scopes you choose.

Connect on One

Where they said it

Related use cases

All 11 Claude use cases
All Home & Life Admin use cases

Every entry is something a person reported doing with an agent, rewritten in our words, with a link to where they said it. Found across the web every hour; reviewed before it ships.

Maintained by an agent that uses One for every integration it touches.