# 中国区 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”的一体化入口 | 底部导航、统一搜索、项目入口、轻量化移动端工作台 | [官网总览](https://www.feishu.cn/content/article/7598492868155608024) / [飞书项目移动端](https://www.feishu.cn/content/rych8h5r) |
| 钉钉 | 适合看“工作台型”首页壳层 | 首页工作台、项目入口、任务与审批并存、AI 入口前置 | [钉钉官网](https://www.dingtalk.com/) / [钉钉项目](https://page.dingtalk.com/wow/dingtalk/act/project) |
| 企业微信 | 适合看“消息优先、工具次级”的企业协同入口 | 聊天入口、工作台、机器人入口、企业通知风格 | [App Store](https://apps.apple.com/cn/app/%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1/id1189898970) |
| Worktile | 更适合看移动端任务、OKR、审批在一个壳里的组织方式 | 项目列表、任务卡、目标页、表单/审批混排 | [官网](https://worktile.com/) |
| Teambition | 适合看项目协作的轻量信息层级 | 清爽任务视图、轻项目结构、卡片化任务关系 | [官网](https://www.teambition.com/) |
| Clarity Design（Teambition） | 不是 App，但很值得参考其交互与组件语言 | 组件层次、信息密度控制、设计系统命名 | [设计系统](https://design.teambition.com/) |

## B. 研发管理与项目流转

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

## C. 远程控制与设备列表

| 产品 | 为什么适合参考 | 最值得借的 UI 点 | 来源 |
|---|---|---|---|
| 向日葵 | 最贴近“跨平台远程设备控制” | 设备列表、在线状态、远控入口、设备分组 | [官网](https://oraypc.com.cn/) / [产品页](https://sunlogin-orayc.com/) |
| ToDesk | 适合看远程控制的移动端快速入口 | 最近设备、连接状态、快捷控制按钮、跨平台切换 | [官网](https://www.todesk.com/) |
| 贝锐蒲公英管理 App | 适合看“设备网络 / 组网 / 节点管理” | 节点列表、组网状态、硬件管理入口 | [贝锐官网](https://www.oray.com/) / [蒲公英管理 App](https://sunlogin.oray.com/news/34353.html) |

## D. 运维监控与告警

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

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

| 产品 | 为什么适合参考 | 最值得借的 UI 点 | 来源 |
|---|---|---|---|
| 米家 | 非常适合参考“设备中心 + 场景中心 + 全屋看板” | 场景页、全屋动态看板、设备卡片分组、自动化入口 | [App Store](https://apps.apple.com/cn/app/%E7%B1%B3%E5%AE%B6/id957323480) |
| 涂鸦 OEM App | 适合看“多品牌设备统一控制”的模板化结构 | App 模板、设备主页、服务与运营入口并存 | [OEM App](https://www.tuya.com/cn/platform/appdev/oemapp) / [官网](https://www.tuya.com/cn/) |
| Powered by Tuya | 适合看“一个 App 统一控制多品牌设备”的生态逻辑 | 多设备兼容、统一入口、品牌层和设备层的分离 | [Powered by Tuya](https://www.tuya.com/cn/partners/powered-by-tuya) |
| 萤石云视频 | 很适合看摄像头 / 视频流 / 消息中心 UI | 实时视频卡片、录像回放、设备消息、家庭共享 | [App Store](https://apps.apple.com/cn/app/%E8%90%A4%E7%9F%B3%E4%BA%91%E8%A7%86%E9%A2%91/id571195405) |

## F. AI 助手与聊天入口

| 产品 | 为什么适合参考 | 最值得借的 UI 点 | 来源 |
|---|---|---|---|
| 腾讯元宝 | 适合看中国区“AI 助手主入口”外形 | 单输入框、历史入口、轻工具栏、下载入口前置 | [官网](https://yuanbao.tencent.com/AI) |
| 通义 | 适合看“AI 助手 + 文档阅读 + 代码模式”的壳层 | 助手页、历史记录入口、文件对话 | [官网](https://tongyi.aliyun.com/) / [历史记录说明](https://tongyi.aliyun.com/blog/192631944) |
| 豆包 | 适合看“智能体平台化”的主入口趋势 | 智能体入口、语音 / 文档 / 多模态能力聚合 | [App Store](https://apps.apple.com/cn/app/%E8%B1%86%E5%8C%85-%E5%AD%97%E8%8A%82%E8%B7%B3%E5%8A%A8%E6%97%97%E4%B8%8Bai%E5%8A%A9%E6%89%8B/id6459478672?platform=ipad) / [豆包语音模型说明](https://research.doubao.com/blog/doubao-realtime-voice-model-is-available-upon-release-high-eq-and-iq) |
| Kimi | 适合看简洁型 AI 聊天工具壳层 | 极简主会话、低干扰历史与附件交互 | [App Store](https://apps.apple.com/cn/app/kimi/id6474233312) |

---

## 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 更适合你。