找回密码
 立即注册

微信扫码登录

搜索
查看: 591|回复: 3

[UI界面] 分享一个自己ai撸的ui

[复制链接]

11

主题

372

回帖

5112

积分

论坛元老

积分
5112
金钱
4729
HASS币
0
发表于 2026-9-28 17:35:11 | 显示全部楼层 |阅读模式
本帖最后由 honry 于 2026-9-28 17:36 编辑

最近看不少大佬都分享了自己ai做的ui,我也分享下我的吧,没有源代码,直接docker运行的。



最开始做它,其实不是为了再造一个漂亮的 HA 面板,而是因为我自己的出租房遇到了一个比较现实的问题:
一套房里有很多设备,但不同租户应该只能看到和控制自己的那一部分。比如客厅空调、房间灯、热水器可以给某个租户,公共区域的设备又应该单独管理;电表和能源统计也不能所有人混在一起看。
Home Assistant 本身很强,但原生权限和前端组织方式不太适合这种“多人、多房间、分设备、分能源”的场景。所以我在 HA 上面加了一层家庭控制台,主要解决这些事情:
  • 管理员按人分配设备和房间,每个租户只看到自己被授权的内容;
  • 电、燃气、水可以按全局、家庭、个人分开统计;
  • 同一台设备的多个实体自动合并,比如 PDU、温湿度计、多灯设备;
  • 家人日常使用时尽量接近 Apple 家庭 App 的操作习惯;
  • 需要的话,可以把授权后的设备接入 HomeKit、Matter、米家或涂鸦生态。
先放几张界面截图
目前我自己用的是偏 macOS 27 / Liquid Glass 的这套风格。
01-home-glass.png
首页会把天气、环境状态、场景、房间和设备放在一起。设备卡片默认保持紧凑,空调、媒体设备、数值传感器这类信息比较多的设备才提供展开信息,避免普通灯和插座被硬拉成大卡片。
PDU 不会显示成一堆零散实体,而是一张组合卡。点进去可以看到每个插口、功率、电流和电能,也可以一键开关全部插口。
02-composite-pdu.png
能源部分是这个项目比较重要的原因。可以配置总表、分表和个人表,按日、周、月或自定义时间查看电、燃气、水的使用情况。比如公共区域一块表,某个租户房间一块表,最后各自看各自的能源数据。
03-energy.png
权限管理可以按用户、房间、设备来分配。普通成员看不到没有授权的设备,也不能通过自动化或高级配置绕过权限。设备管理页还支持批量隐藏、恢复和按 HA 实例筛选。
04-device-permissions.png
情景和自动化仍然使用 Home Assistant 原生能力。同堂主要负责提供更容易上手的入口、权限检查和家庭范围隔离,复杂规则仍然可以回到 HA 原生配置里编辑。
05-automations.png
目前做了什么日常控制
  • 灯光支持亮度、色温和颜色;
  • 空调支持模式、温度和风速;
  • 风扇支持风速、预设模式和摇摆;
  • 窗帘、门窗、阀门支持位置控制;
  • 门锁和安防面板支持安全操作确认;
  • 扫地机支持开始清扫、暂停和回充;
  • 电视和媒体设备支持播放、暂停、音量和信号源;
  • 摄像头支持首页快照和实时画面;
  • 设备状态通过 HA 的实时事件推送更新,不需要每张卡片单独轮询。
组合设备
同一个 HA 设备下有多个实体时,会尽量按一台物理设备组织起来:
  • PDU 多个插口合并为一张卡;
  • 多盏灯可以作为灯组统一调节;
  • 温度、湿度、电量可以放在同一张设备卡里;
  • 冰箱类设备会优先显示实际温度,并提示未关闭的门;
  • 3D 打印机可以显示状态、进度和剩余时间。
多家庭和多 HA
同堂不是只能管理一套 HA:可以接入多个 HA 实例,再按家庭划分设备。比如自己的家、出租房、父母家分别管理,成员只看到自己所属家庭里的内容。
HomeKit 和 Matter
如果用户需要接入自己的智能平台同堂有原生 HomeKit 侧车桥接,也支持 Matter 桥:
  • iPhone 家庭 App 可以扫码接入;
  • Siri 可以控制已经接入 HomeKit 的设备;
  • 每个成员可以有自己的桥和设备清单;
  • 权限收回后,设备会从对应桥中移除;
  • Matter 桥可以同时配对 Apple 家庭、Google Home 和 Alexa。
HomeKit 桥目前主要覆盖灯、开关、插座、空调、风扇、窗帘、门锁、安防、热水器、扫地机、电视、传感器、门铃和无线按钮。
image.png
部署方式
需要一台能运行 Docker 的机器,比如 NAS、x86 小主机或树莓派。启动后打开 8080 端口,按向导填入 Home Assistant 地址和长期访问令牌即可。
最简单的一体化部署:
curl -O https://raw.githubusercontent.co ... .allinone.ymldocker compose -f docker-compose.allinone.yml up -d
当前发布镜像是:
jeesa/tongtang:2.4.5
项目地址:

评分

参与人数 3金钱 +16 收起 理由
hungheo + 12 高手,这是高手!
jensun + 3 高手,这是高手!
1101x1 + 1 感谢楼主分享!

查看全部评分

回复

使用道具 举报

4

主题

164

回帖

1485

积分

论坛技术达人

积分
1485
金钱
1312
HASS币
20
发表于 2026-9-28 20:02:10 | 显示全部楼层
好看的 支持下
回复

使用道具 举报

0

主题

117

回帖

528

积分

高级会员

积分
528
金钱
411
HASS币
0
发表于 2026-9-28 21:08:19 | 显示全部楼层
学习学习
回复

使用道具 举报

8

主题

112

回帖

1703

积分

金牌会员

积分
1703
金钱
1583
HASS币
0
发表于 5 天前 | 显示全部楼层
这个真好看啊,部署一个试试看
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian ( 晋ICP备17001384号-1 )|网站地图

GMT+8, 2026-10-6 10:39 , Processed in 0.013915 second(s), 5 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表