**【标签】【**硬件交互赛道】AI 编码工具多窗口管控平台 —— 一个屏幕看全部,一个屏幕控制全部
【标题】 硬件交互赛道 + Trae Control Hub
【正文】
0. 先和大家打个招呼吧 ![]()
- 我是一名自由职业者
1. Demo 简介
-
一套「PC 后端 + 嵌入式前端」的多窗口 AI 编程监控系统。后端 Trae Control Hub通过读取 Trae CN 多窗口实时状态并暴露 REST API;前端 RK3506 开发板(4.3 寸 800×480 触摸屏)用 C + LVGL 自研轻量 UI,轮询后端 API 实现多窗口监控、模型切换、文本/语音发送。
-
面向谁:随着 AI 编程工具的使用者
-
主要功能:1. **后端状态采集(Trae Control Hub)**:通过实时读取 Trae 窗口状态(activity_text / task_hub_text / chat_text / phase / model),状态规则支持热更新,进程守护、自动接管裸启动
的Trae
2. **前端多窗口监控(RK3506)**:一屏同屏显示多个 Trae 窗口,手风琴收起/展开切换,实时呼吸状态色块(空闲/运行/等待/完成/报错/卡住),模型下拉切换,文本/语音发送
2. Demo 创作思路
-
灵感来源:最初是社群群友提出想要一个带指示灯的 4 键 Trae IDE 会话监控小硬件,正好有朋友赞助了一块 RK3506(带触摸屏的嵌入式开发板),我觉得只做简单的状态追踪太浪费这块板子了,于是逐步扩展功能:发文本、切模型、停任务、语音输入……正好碰到 TRAE 创造力大赛,就把它完善成一个完整项目。
-
想解决的问题:随着 AI 编程工具(如 Trae IDE、Cursor、Windsurf 等)的普及,开发者通常会同时打开多个窗口处理不同项目。但现有 IDE 本身缺乏跨窗口的统一监控和操控能力——你无法一眼看到所有窗口的运行状态,也无法在不切窗口的情况下远程发送指令、切换模型、停止任务或确认审批。多窗口协作效率低下,频繁切换窗口打断心流。(最主要可以摸鱼QAQ)
-
为什么做这个方向:就是感觉能做出来就做了。
3. Demo 体验地址
由于本项目为硬件交互赛道,真实程序运行在 RK3506 开发板与主机上,无法提供公网可访问的在线链接。为方便评审体验,提供 **交互式可体验的 HTML 格式文件**和保存的部分真实数据(Zip 打包上传):
demo.zip (35.2 KB)
4. TRAE 实践过程
-
整个项目分两部分,全程使用 TRAE 完成:
**后端 Trae Control Hub(Python + CDP)**:
1. **通信层**:TRAE 实现 `trae_sdk.py`,通过连接 Trae CN 的端口,读取多窗口状态
2. **状态追踪**:TRAE 实现 `state_tracker.py` + `dom_rules.json`,把节点文本映射为 phase 枚举(idle/running/waiting/completed/error/stuck),规则支持热更新适配 Trae 页面结构变化
3. **命令总线**:TRAE 实现 `command_bus.py` + `server.py`,统一处理 list_windows / send_text / list_models / select_model / voice_mode 等命令,暴露 REST API + WebSocket 推送
4. **进程守护**:TRAE 实现 `launcher_guard.py` + `process_watcher.py`,WMI 监听 Trae 裸启动
,保证 Hub 持续在线
**前端 RK3506 控制面板(C + LVGL)**:
1. **架构设计**:TRAE 分析 RK3506 硬件约束(128MB RAM / 256MB Flash / Buildroot),推荐 C + LVGL + DRM + libcurl + cJSON + ALSA 技术栈
2. **UI 开发**:TRAE 实现手风琴布局、白色格子纹背景、状态呼吸动画、模型下拉框、发送弹窗、语音切换等全部 UI 组件
3. **多线程优化**:TRAE 将语音切换、文本发送、模型加载等网络操作迁移到后台线程,解决点击卡顿问题
4. **远程配置**:TRAE 实现内嵌 HTTP Server,支持浏览器远程修改 API 地址
5. **交叉编译部署**:TRAE 编写 build_device.sh 脚本,在 WSL 中交叉编译 ARM 二进制,通过 SCP 推送到设备并配置开机自启
-
- Session ID 1:.3375965254466932:925d3ad329303c871335db4d6b0eee42_6a1db33547599b9dc71f0856.6a1db44147599b9dc71f0858.6a1db44033b36d13e3d1c683:Trae CN.T(2026/6/2 00:33:05)
- Session ID 2:.3375965254466932:626c7609d46ed83aac7ddb04c8b6b297_6a1db33547599b9dc71f0856.6a1db56d47599b9dc71f086b.6a1db56c33b36d13e3d1c684:Trae CN.T(2026/6/2 00:38:05)
- Session ID 3:.3375965254466932:a82c744af073c1cad9d4972694b5d5ad_6a1db33547599b9dc71f0856.6a1deea69be51bbc738310ab.6a1deea687360b158a0635a6:Trae CN.T(2026/6/2 04:42:14)
- Session ID 4:.3375965254466932:a551cc86da4063f7ed7a8ce179c3466d_6a1e8e089be51bbc7383154a.6a23bdddd068089721c95c4f.6a23bddc733b257f4dff6ee2:Trae CN.T(2026/6/6 14:27:41)
- Session ID 5:.3375965254466932:403c36ae2aeed119f9fa4afcc75ed771_6a223a780b2f5aa03ce1769c.6a2243130b2f5aa03ce1775d.6a224313ec11499e9bf671be:Trae CN.T(2026/6/5 11:31:31)
- Session ID 6:.3375965254466932:cfcdf9cfce30aaf45401d89d330e1c9a_6a245974bdd11201f76657d5.6a2590a540ab5958a0d437d4.6a2590a524fcc2eed7cbd253:Trae CN.T(2026/6/7 23:39:26)
5. 对应的报名审核通过的帖子链接
【硬件交互赛道】AI 编码工具多窗口管控平台 —— 一个屏幕看全部,一个屏幕控制全部 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区





