Agent Skills
› home-assistant/frontend
home-assistant/frontend
GitHub指导 Home Assistant 前端组件的开发与审查，涵盖对话框、按钮、表单及警告等 UI 元素的实现规范与交互模式。
Install All Skills
npx skills add home-assistant/frontend --all -g -y
Skills in Collection (12)
指导 Home Assistant 前端组件的开发与审查，涵盖对话框、按钮、表单及警告等 UI 元素的实现规范与交互模式。
实现 HA 前端 UI 组件
审查前端代码中的 ha-dialog 或 ha-form 用法
处理自定义事件分发
npx skills add home-assistant/frontend --skill ha-frontend-components -g -y
指导 Home Assistant 前端组件从宽泛 hass 对象迁移至细粒度 Lit Context，涵盖 states、entities、services 等上下文选择，以及 consume 装饰器和 ReactiveController 的使用规范。
Home Assistant 前端组件重构
Lit 框架状态管理优化
替换 hass 全局访问
前端性能与渲染行为审查
npx skills add home-assistant/frontend --skill ha-frontend-contexts -g -y
用于 Home Assistant 前端独立演示环境的开发、配置及验证。支持运行本地 Demo 服务器、导航特定页面/配置、管理 Mock API 存根，并指导如何更新生成的核心数据文件。
需要运行或验证 Home Assistant 前端演示环境
修改 demo/ 目录下的文件或共享模拟存根
访问特定的演示配置或页面以进行测试
npx skills add home-assistant/frontend --skill ha-frontend-demo -g -y
规范 Home Assistant 前端 DOM 事件处理，定义 HASSDomEvent 类型、fireEvent 调用及自定义事件契约，确保类型安全与一致性。
实现或审查前端事件监听器
使用 fireEvent 分发事件
声明 HASSDomEvents 和事件映射
npx skills add home-assistant/frontend --skill ha-frontend-events -g -y
用于 Home Assistant 前端画廊（gallery/）的开发、构建与验证。涵盖页面生成、TypeScript 演示、侧边栏配置及静态资源处理，确保 UI 模式文档的正确性与可复用性。
修改 gallery/ 目录下的文件
运行画廊开发或构建脚本
更新画廊页面的 Markdown 或 TypeScript 演示
npx skills add home-assistant/frontend --skill ha-frontend-gallery -g -y
提供Home Assistant前端Lit组件的开发规范，涵盖响应式属性、DOM查询及渲染派生状态的最佳实践，用于指导实现与审查。
使用Lit框架开发或审查前端组件
处理Lit组件的状态管理、生命周期或DOM操作
npx skills add home-assistant/frontend --skill ha-frontend-lit -g -y
用于审查 Home Assistant 前端代码变更或准备 Pull Request。涵盖审查范围界定、PR 模板规范、提交前检查清单（如 lint/test/无障碍性）及常见审查问题指南。
审查前端 PR
准备前端 PR
检查常见审查问题
npx skills add home-assistant/frontend --skill ha-frontend-review -g -y
指导Home Assistant前端CSS样式、主题集成、响应式布局及无障碍访问的开发规范，涵盖间距令牌、RTL支持和视图过渡。
编辑CSS或布局代码
实现组件视觉层级与主题集成
处理响应式或RTL适配
添加视图过渡动画
npx skills add home-assistant/frontend --skill ha-frontend-styling -g -y
用于 Home Assistant 前端代码的测试、验证及构建工作流。涵盖 Vitest、Playwright E2E、Lint、TypeScript 检查及生产构建命令，指导如何复用测试辅助函数及规范测试编写策略。
运行前端单元测试或 E2E 测试
执行前端代码检查和格式化
构建前端生产包
启动前端开发服务器
npx skills add home-assistant/frontend --skill ha-frontend-testing -g -y
提供Home Assistant前端TypeScript类型定义规范，指导数据契约验证、类型复用、运行时断言及Lit生命周期类型使用。
定义或审查后端数据契约
创建共享类型或可选Schema
检查Lit生命周期方法类型
npx skills add home-assistant/frontend --skill ha-frontend-types -g -y
提供Home Assistant前端用户界面文案的本地化、风格及术语规范，用于审查或添加标签、按钮、对话框文本及翻译。
审查UI文案和翻译
新增用户界面字符串
检查本地化键值
npx skills add home-assistant/frontend --skill ha-frontend-user-facing-text -g -y
用于判定Home Assistant前端变更的UI/UX就绪状态，基于审查证据决定是继续前端审查还是推荐/要求UI/UX审查。
评估新卡片、徽章或交互模式的UI方向
判断现有功能修复是否需额外UX介入
npx skills add home-assistant/frontend --skill ha-frontend-ux-readiness -g -y
