krisolo/boss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
71d097929229554515dff6dff742e1616dbe6dc3
boss/docs/architecture/china_ui_reference_apps_cn.md
kris 90cb6b7ff1 feat: ship native boss android console
2026-03-26 23:16:56 +08:00

11 KiB
Raw Blame History

中国区 UI 参考 App 清单（面向 Codex 多机协作系统）

更新时间：2026-03-25

这份清单不是在找“和我们一模一样”的产品，而是在中国区里，尽可能多地找出最接近这套系统的 UI 参考对象。

我们的目标页面包括：

  • 单主 Agent 对话入口
  • 项目列表 / 项目详情
  • 线程详情 / 实时进度
  • 设备列表 / 设备状态 / 远程控制
  • 运维中心 / 告警中心 / 修复工单
  • 审计中心 / 硬件测试中心
  • 账号额度与主备状态提示

所以我把参考对象拆成 6 类：

  • A. 协同与单入口
  • B. 研发管理与项目流转
  • C. 远程控制与设备列表
  • D. 运维监控与告警
  • E. 设备 / 场景 / 多模态控制
  • F. AI 助手与聊天入口

1. 最值得优先看的 12 个

如果时间有限，我建议先看这 12 个：

  1. 飞书
  2. 钉钉
  3. 企业微信
  4. 向日葵
  5. ToDesk
  6. 腾讯云助手
  7. 阿里云 App
  8. 观测云
  9. PingCode
  10. TAPD
  11. 米家
  12. 腾讯元宝

原因：

  • 这 12 个基本覆盖了你这套产品最核心的 UI 组合：
    • 单入口聊天
    • 项目和任务推进
    • 设备列表与远控
    • 运维监控与告警
    • 场景化设备控制
    • AI 助手入口

2. 我们这套产品最适合借鉴的 UI 组合

不是照抄某一个 App，而是建议组合借鉴：

2.1 首页壳层

  • 借鉴：飞书 + 企业微信 + 钉钉
  • 适合借的：
    • 底部导航结构
    • 消息 / 工作台 / 审批 / 我的 四段式信息架构
    • 聊天页和工作页之间的轻切换

2.2 设备中心

  • 借鉴：向日葵 + ToDesk + 米家
  • 适合借的：
    • 设备卡片
    • 在线 / 离线 / 忙碌状态点
    • 最近使用设备置顶
    • 场景分组和快捷操作

2.3 项目与线程中心

  • 借鉴：PingCode + TAPD + 云效 + 飞书项目
  • 适合借的：
    • 项目列表到项目详情的层级
    • 里程碑、任务、线程之间的关系
    • 卡片化状态流转
    • 评论 / 动态 / 审批汇总

2.4 运维和告警中心

  • 借鉴：腾讯云助手 + 阿里云 App + 观测云 + 监控宝
  • 适合借的：
    • 首页总览 + 告警列表 + 指标趋势
    • 卡片式故障摘要
    • 告警分级
    • 处理动作入口前置

2.5 硬件测试与多模态页

  • 借鉴：米家 + 涂鸦 + 萤石云视频
  • 适合借的：
    • 场景分组
    • 视频预览卡片
    • 设备共享与权限
    • 自动化规则入口

2.6 AI 交互壳层

  • 借鉴：腾讯元宝 + 通义 + 豆包 + Kimi
  • 适合借的：
    • 单输入框主入口
    • 工具 / 助手 / 历史记录次级入口
    • 文件、图片、语音等多模态输入组织

3. 详细参考清单

A. 协同与单入口

产品 为什么适合参考 最值得借的 UI 点 来源
飞书 最接近“消息 + 项目 + 文档 + 审批 + AI”的一体化入口 底部导航、统一搜索、项目入口、轻量化移动端工作台 官网总览 / 飞书项目移动端
钉钉 适合看“工作台型”首页壳层 首页工作台、项目入口、任务与审批并存、AI 入口前置 钉钉官网 / 钉钉项目
企业微信 适合看“消息优先、工具次级”的企业协同入口 聊天入口、工作台、机器人入口、企业通知风格 App Store
Worktile 更适合看移动端任务、OKR、审批在一个壳里的组织方式 项目列表、任务卡、目标页、表单/审批混排 官网
Teambition 适合看项目协作的轻量信息层级 清爽任务视图、轻项目结构、卡片化任务关系 官网
Clarity Design（Teambition） 不是 App，但很值得参考其交互与组件语言 组件层次、信息密度控制、设计系统命名 设计系统

B. 研发管理与项目流转

产品 为什么适合参考 最值得借的 UI 点 来源
PingCode 最贴近“研发管理 + AI + 流程” 项目首页、需求/缺陷/版本分层、智能化研发入口 官网 / App 发布 / v6.0
TAPD 适合参考研发流转和多工作流支撑 工作项状态、迭代视图、自动化任务引擎感 官网
腾讯云 CODING 适合参考 DevOps 工具链首页和项目切换结构 项目列表、代码/需求/流水线入口并列、工具链导航 官网
云效 适合参考“云上研发管理”的一体化信息组织 产品级导航、环境管理、项目到部署的串联 产品概述
禅道 适合参考国产研发管理工具的移动端取舍 项目集、产品、项目、聊天卡片跳转 移动端与桌面端
飞书项目 适合看“业务需求 -> 项目执行”的联动页 移动端项目入口、需求到项目跳转、流程视图 案例 / 移动端使用指南
腾讯云 Cloud Studio 不是移动主 App，但适合看“云工作区 / 开发环境”的管理方式 工作区卡片、环境状态、模板入口 官网

C. 远程控制与设备列表

产品 为什么适合参考 最值得借的 UI 点 来源
向日葵 最贴近“跨平台远程设备控制” 设备列表、在线状态、远控入口、设备分组 官网 / 产品页
ToDesk 适合看远程控制的移动端快速入口 最近设备、连接状态、快捷控制按钮、跨平台切换 官网
贝锐蒲公英管理 App 适合看“设备网络 / 组网 / 节点管理” 节点列表、组网状态、硬件管理入口 贝锐官网 / 蒲公英管理 App

D. 运维监控与告警

产品 为什么适合参考 最值得借的 UI 点 来源
腾讯云助手 很适合看移动端云资源管理 告警页、资源列表、历史趋势、小屏指标卡片 官网
阿里云 App 很适合看“轻量移动控制台” 首页总览、实例详情、监控与告警入口 阿里云 App / RDS 监控示例
观测云 适合看现代可观测性产品的信息结构 总览面板、日志/链路/告警切换、AI 故障分析入口 官网
监控宝 适合看移动告警和性能趋势页 告警列表、性能图表、网站/API/服务器多类型监控 官网 / App 页
堡塔 APP 适合看“手机运维面板” 服务器卡片、文件管理、快捷运维动作 官网

E. 设备 / 场景 / 多模态控制

产品 为什么适合参考 最值得借的 UI 点 来源
米家 非常适合参考“设备中心 + 场景中心 + 全屋看板” 场景页、全屋动态看板、设备卡片分组、自动化入口 App Store
涂鸦 OEM App 适合看“多品牌设备统一控制”的模板化结构 App 模板、设备主页、服务与运营入口并存 OEM App / 官网
Powered by Tuya 适合看“一个 App 统一控制多品牌设备”的生态逻辑 多设备兼容、统一入口、品牌层和设备层的分离 Powered by Tuya
萤石云视频 很适合看摄像头 / 视频流 / 消息中心 UI 实时视频卡片、录像回放、设备消息、家庭共享 App Store

F. AI 助手与聊天入口

产品 为什么适合参考 最值得借的 UI 点 来源
腾讯元宝 适合看中国区“AI 助手主入口”外形 单输入框、历史入口、轻工具栏、下载入口前置 官网
通义 适合看“AI 助手 + 文档阅读 + 代码模式”的壳层 助手页、历史记录入口、文件对话 官网 / 历史记录说明
豆包 适合看“智能体平台化”的主入口趋势 智能体入口、语音 / 文档 / 多模态能力聚合 App Store / 豆包语音模型说明
Kimi 适合看简洁型 AI 聊天工具壳层 极简主会话、低干扰历史与附件交互 App Store

4. 针对我们产品，建议直接借鉴的页面级组合

4.1 手机首页

建议参考：

  • 飞书
  • 企业微信
  • 钉钉

建议做法：

  • 底部 4 tab
    • 会话
    • 项目
    • 设备
    • 运维
  • 顶部小胶囊显示：
    • 主 GPT
    • 备用 GPT
    • API 容灾

4.2 项目页

建议参考：

  • PingCode
  • TAPD
  • 飞书项目

建议做法：

  • 顶部是项目状态和里程碑
  • 中部是任务列表 / 线程列表
  • 底部是动态、审计、修复记录

4.3 设备页

建议参考：

  • 向日葵
  • ToDesk
  • 米家

建议做法：

  • 用卡片列出所有设备
  • 每张卡片有：
    • 在线状态
    • 账号额度
    • 当前线程数
    • 可用能力
    • 一键进入

4.4 运维页

建议参考：

  • 腾讯云助手
  • 阿里云 App
  • 观测云
  • 监控宝

建议做法：

  • 先总览，再告警，再工单
  • 每条告警都能直接进入修复或回放

4.5 审计与硬件页

建议参考：

  • 米家
  • 涂鸦
  • 萤石云视频

建议做法：

  • 摄像头预览卡片
  • Test Rig 能力卡片
  • 审计任务列表
  • 当前租约状态

5. 我对 UI 方向的最终建议

如果你让我用一句话定调：

这套产品不要做成“一个聊天机器人 App”，而要做成：

飞书 / 企业微信式的壳层
+ PingCode / TAPD 式的项目推进
+ 向日葵 / ToDesk / 米家式的设备中心
+ 腾讯云助手 / 观测云式的运维中心

也就是说：

  • 外层像企业协作 App
  • 中层像研发管理 App
  • 底层像设备 / 运维控制台

这会比单纯模仿任何一个 AI App 更适合你。