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 (11)
提供Home Assistant前端组件的开发与审查指南，涵盖对话框、按钮、表单及警报等UI模式的实现规范。
实现 Home Assistant UI 组件
审查前端交互模式
使用 ha-dialog, ha-button, ha-form
npx skills add home-assistant/frontend --skill ha-frontend-components -g -y
指导Home Assistant前端组件从全局hass对象迁移至细粒度Lit上下文，优化渲染性能、依赖可见性及测试可模拟性。
重构组件状态访问逻辑
替换对hass对象的直接读取
审查组件重渲染行为
npx skills add home-assistant/frontend --skill ha-frontend-contexts -g -y
用于 Home Assistant 前端独立演示环境的运行、验证及共享 Mock 桩代码的管理。支持本地启动演示服务、URL 路由导航及配置切换，适用于修改 demo/ 目录或 gallery 引用的 stubs 场景。
需要运行或验证 Home Assistant 前端演示环境
修改 demo/ 目录下的文件或共享 mock 桩代码
npx skills add home-assistant/frontend --skill ha-frontend-demo -g -y
提供Home Assistant前端事件处理规范，指导使用HASSDomEvent类型、fireEvent及自定义事件映射，确保类型安全与标准契约。
实现前端事件监听器
定义自定义事件契约
分发组件内部事件
npx skills add home-assistant/frontend --skill ha-frontend-events -g -y
用于管理 Home Assistant 前端画廊的构建、开发及内容维护，涵盖页面生成、TypeScript 演示和静态资源处理。
修改 gallery/ 目录下的文件
运行画廊构建或开发命令
更新画廊页面或演示数据
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 前端代码审查与 PR 准备，提供模板规范、提交前检查清单及常见审查问题指导。
审查前端 Pull Request
准备前端 PR
检查重复性审查问题
npx skills add home-assistant/frontend --skill ha-frontend-review -g -y
Home Assistant 前端样式开发指南，涵盖 CSS 自定义属性、间距令牌、响应式布局、RTL 支持及视图过渡动画。指导组件样式隔离、无障碍访问及交互状态处理。
编辑 Home Assistant 前端 CSS 或样式文件
调整组件布局、主题集成或响应式设计
实现视图过渡动画或移动端适配
npx skills add home-assistant/frontend --skill ha-frontend-styling -g -y
用于 Home Assistant 前端代码的测试、验证与构建工作流，涵盖 lint、TypeScript 检查、Vitest 单元测试及 Playwright E2E 测试。
添加或更新前端测试用例
运行代码检查和测试套件
执行前端生产构建
npx skills add home-assistant/frontend --skill ha-frontend-testing -g -y
规范 Home Assistant 前端 TypeScript 类型定义、数据契约复用、断言及 Lit 生命周期类型使用，确保类型与后端一致并符合 ESLint 约束。
定义或审查 TypeScript 类型契约
复用 Home Assistant 共享类型
配置 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
