dashboards

本技能用于界面设计——仪表盘、管理后台、应用程序、工具和交互产品。不适用于营销设计（落地页、营销网站……

Home Assistant 自动化、辅助元素、脚本、设备控制和仪表盘的最佳实践。在以下情况触发此技能： - 创建/编辑自动化、脚本、场景或仪表盘 - 在模板传感器和内置辅助元素之间做选择 - 编写或重构触发器、条件或自动化模式 - 设置 Zigbee 按钮/遥控器自动化（ZHA 或 Zigbee2MQTT） - 重命名实体或将 device_id 迁移为 entity_id - 配置仪表盘卡片或选择辅助元素为其提供数据 - 查询卡片类型或特定领域的文档 症状： - 智能体在存在原生条件/触发器/辅助元素的地方使用了 Jinja2 模板 - 智能体使用 device_id 而不是 entity_id - 智能体在未检查依赖项的情况下修改实体 ID - 智能体选择了错误的自动化模式（例如，运动感应灯使用了 single 模式） - 智能体硬编码值，或选择原始传感器而非派生辅助元素 - 智能体编辑 `.storage/` 文件、编写原始 YAML 或生成 YAML 代码片段 - 智能体告诉用户为通过 UI 配置的集成编辑 configuration.yaml

为 Grafana、SigNoz 及类似平台构建能够解答实际运维问题的监控仪表盘。适用于将指标转化为可用仪表盘的场景……

使用 HTML/CSS/JavaScript/React 构建高质量的可视化 Web 产物——包括网页、落地页、仪表盘、交互式原型、HTML 幻灯片、动画演示、UI 模型、数据可视化等。当用户的请求涉及可视化、交互式或前端交付物时，请使用此技能，包括： - 创建网页、落地页、仪表盘、营销页面 - 构建交互式原型或 UI 模型（带设备边框） - 构建 HTML 幻灯片/演示文稿 - 创建 CSS/JS 动画或基于时间轴的动画演示 - 将设计模型、截图或 PRD 转换为交互式实现 - 数据可视化（Chart.js / D3 等） - 设计系统 / UI Kit 探索 即使用户没有明确提及“HTML”或“网页”，只要其意图是生成可视化、交互式或用于展示的内容，均适用此技能。 不适用场景：纯后端逻辑、CLI 工具、数据处理脚本、非可视化代码任务、命令行调试。