whatisgithub

What is khan-skycard?

thekhan1122/khan-skycard — explained in plain English

Analysis updated 2026-05-18

26Audience · generalComplexity · 2/5Setup · moderate

In one sentence

A Home Assistant card that shows your home's solar and battery energy flow over a realistic sky background that changes with the weather.

Mindmap

mindmap
  root((khan-skycard))
    What it does
      Energy flow card
      Photographic sky
      Live weather sync
    Tech stack
      JavaScript
      Home Assistant
      HACS
    Use cases
      Solar monitoring
      Battery tracking
      Home energy dashboard
    Audience
      Home Assistant users
      Solar owners

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

See live power flow between solar panels, battery, grid, and home on a photographic background.

USE CASE 2

Watch the background image change automatically based on real weather and time of day.

USE CASE 3

Configure solar strings, battery details, grid, and an EV charger through a visual editor.

USE CASE 4

Install through HACS or by manually copying the card file into your Home Assistant config.

What is it built with?

JavaScriptHome Assistant

How does it compare?

thekhan1122/khan-skycard0xovo/litedocadrienrl1/appdrop
Stars262626
LanguageHTMLObjective-C
Setup difficultymoderateeasymoderate
Complexity2/51/52/5
Audiencegeneralgeneralgeneral

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Needs Home Assistant with matching sensor entities and separately supplied sky background images.

So what is it?

Khan Skycard is a custom card for Home Assistant, the open-source home automation platform, that displays a live energy flow diagram with a photographic sky background. It shows how power moves between your solar panels, battery storage, the electrical grid, and your home in real time, all overlaid on a background photo that changes automatically based on current weather conditions and the time of day. There are thirteen background images covering combinations like clear daytime, dawn, dusk, night, partly cloudy, overcast, rain, thunderstorm, snow, and fog. The card picks the right image by reading from a Home Assistant weather entity and tracking sun position. This card is a visual redesign of an earlier card called k-flow-card. The two share the same setup schema and configuration editor, but the sky edition replaces the dark SVG canvas of the original with the photographic background system and reworks every visual element. The sun is now a free-floating orb with atmospheric glow and color that shifts from horizon to zenith. The moon shows craters, earthshine, and limb brightening. The battery switched sides and uses an animated fill bar instead of a cylinder from a photo. Energy flow lines were rerouted to match the new layout. The card is delivered as a single JavaScript file with no build step and no external dependencies. Installation can be done through HACS, which is the standard Home Assistant community store for custom cards, or manually by copying the file into your Home Assistant config folder. The sky background images are not bundled and need to be placed in a specific folder separately, with filenames matching a documented naming convention. Configuration is done through a visual editor inside Home Assistant, covering solar panel inputs (up to four PV strings), battery data including temperature and cell voltages, grid import and export, house consumption, an optional secondary battery, an EV charger section, and more. Default sensor names in the configuration match a GoodWe inverter setup, but any sensors can be substituted. The project is in its own repository separate from the original k-flow-card it is based on.

Copy-paste prompts

Prompt 1
Walk me through installing khan-skycard in Home Assistant using HACS.
Prompt 2
Help me configure the solar and battery sensor entities for khan-skycard's visual editor.
Prompt 3
Explain how khan-skycard picks which of the 13 sky background images to show.
Prompt 4
Show me where to place the sky background PNG files so khan-skycard can find them.

Frequently asked questions

What is khan-skycard?

A Home Assistant card that shows your home's solar and battery energy flow over a realistic sky background that changes with the weather.

How hard is khan-skycard to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is khan-skycard for?

Mainly general.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.