把 M5Stack 圆屏小设备变成 AI 随身控制台：能吸手机背面，还能震动提醒

导语

最近入了一个 M5Stack 的小玩具。

圆形彩屏、能触摸、有三个实体按钮，还能发声和震动。更离谱的是，它支持磁吸，可以直接贴在手机背面。

看到这里，你可能会想：这不就是个迷你电子表盘吗？

别急。

如果你平时用 Claude Code、ChatGPT、Cursor、自动化脚本，或者自己跑一些 AI 工作流，这个小东西就很有意思了。它可以变成一个“AI 随身控制台”。

不是那种摆着吃灰的极客玩具。

而是能真的帮你看状态、收提醒、点按钮触发任务的小屏幕。

这个小设备到底适合干嘛？

它的硬件能力很适合做轻量交互。

你不用掏手机，不用切窗口，不用盯着终端。看一眼屏幕，按一下按钮，任务就动起来。

核心能力大概是这些：

圆形彩屏，刷新率不错，不是墨水屏
支持触摸，可以做菜单和滑动操作
有三个实体按钮，盲操作也方便
能播放声音，适合做完成提示
有震动模块，放兜里也能感知
支持磁吸，可以贴在手机背面或桌面支架上

它的质感可能比某些手机厂出的配件弱一点。

但价格友好很多。

这就够了。咱们要的是可玩性，不是拿它去走红毯。

最推荐的玩法：做一个 AI 任务状态屏

如果你经常让 AI 写代码、跑脚本、生成文档，最烦的不是等待。

最烦的是不知道它卡没卡。

比如你开着 Claude Code 修一个 bug，自己去倒水。回来一看，它还在跑。你也不知道它是在认真工作，还是已经报错半天了。

这个小屏幕可以解决这个问题。

你可以让它显示几种状态：

Idle：当前没任务
Running：AI 正在处理
Need Input：需要你确认或补充信息
Done：任务完成
Error：任务失败，需要回来看看

屏幕上再配几个颜色：

蓝色：运行中
绿色：完成
黄色：等你输入
红色：出错

配上震动和声音，效果就很直观。

你人在沙发上，它震一下。

你就知道：代码生成完了，该回来验收了。

交互可以怎么设计？

别把小屏幕做复杂。

屏幕越小，越要克制。

推荐这样分配：

主屏幕

显示当前任务状态。

示例：

Claude Code
Running...
Fix login bug
08:42

够了。

别塞一堆日志。小屏幕不是终端，硬塞只会让你看得眼睛疼。

左按钮：切换项目

比如你同时有几个任务：

博客生成
代码修复
数据分析
图片生成

按左键切换项目。

中按钮：确认操作

比如 AI 问你：

是否执行测试？

你按一下中键，发送确认。

这就很爽。

不用解锁电脑，不用找窗口。

右按钮：取消或静音

任务报错一直响？

右键静音。

任务跑偏了？

长按右键取消。

这种设计很像小型遥控器，学习成本很低。

一个可落地的方案：M5Stack + 本地服务 + AI 工具

咱们可以把整个系统拆成三块：

AI 工具 / 脚本
      ↓
本地状态服务
      ↓
M5Stack 小屏幕

1. AI 工具负责产生状态

比如 Claude Code 在执行任务时，你可以用脚本包装一下命令。

任务开始时发一条状态：

{
  "status": "running",
  "task": "修复登录页报错"
}

任务结束时再发一条：

{
  "status": "done",
  "task": "修复登录页报错"
}

如果失败：

{
  "status": "error",
  "message": "测试未通过"
}

2. 本地服务负责中转

你可以在电脑上跑一个很轻的服务。

比如用 Node.js、Python、Go 都行。

它负责两件事：

接收 AI 工具发来的状态
把状态推给 M5Stack

最简单可以用 HTTP。

比如：

POST http://localhost:8787/status

M5Stack 定时请求：

GET http://电脑IP:8787/status

不想轮询，也可以用 WebSocket。

但刚开始别搞太复杂。

能跑起来，比架构优雅重要。

3. M5Stack 负责显示和反馈

小屏幕拿到状态后，做三件事：

更新屏幕文案
改变背景颜色
播放声音或震动

比如：

任务完成：震动两下，屏幕变绿
任务失败：长震一下，屏幕变红
等待确认：短震三下，屏幕变黄

这套反馈特别适合放桌面。

你写代码时，余光一扫就知道 AI 干到哪了。

更好玩的玩法

这个设备不一定只服务 Claude Code。

你可以把它接到很多 AI 场景里。

AI 写作计时器

你让 AI 帮你写文章，它显示当前流程：

选题中
大纲生成中
正文生成中
标题优化中
等待你审核

适合内容创作者。

尤其是一天要处理很多稿子的人。

会议助手提醒器

接入日历和语音转写工具。

开会前 5 分钟震一下。

会议结束后显示：

纪要已生成
待确认 3 项

你不用在一堆通知里翻来翻去。

桌面 AI 番茄钟

让它显示专注时间。

25 分钟内只允许显示一句话：

别刷手机，继续写。

时间到后震动提醒。

有点烦，但有效。

手机背面的快捷控制器

它能磁吸，这个点很关键。

你可以把它吸在手机背面，当一个轻量控制器：

点一下触发语音转文字
长按发送当前位置到自动化服务
滑动切换 AI 助手角色
双击记录一个灵感

比如你在路上突然想到一个选题。

不用打开一堆 App。

按一下，它直接把语音发到你的笔记系统。

示例：设计一个 Claude Code 状态面板

可以按这个思路做页面。

页面信息

Claude Code
修复支付回调问题
Running
12m 08s

状态颜色

| 状态 | 颜色 | 反馈 | |---|---|---| | 空闲 | 深灰 | 无 | | 运行中 | 蓝色 | 无 | | 等待输入 | 黄色 | 短震三下 | | 完成 | 绿色 | 短震两下 | | 报错 | 红色 | 长震一下 |

按钮逻辑

| 操作 | 行为 | |---|---| | 左键 | 切换任务 | | 中键 | 确认继续 | | 右键 | 静音提醒 | | 长按右键 | 取消任务 |

这个交互很简单。

但越简单越容易天天用。

别一开始就做十层菜单。你会做完就不想用了。

避坑清单

别把它当手机副屏

它屏幕小，不适合显示大段文字。

适合显示状态、按钮、提醒。

一句话：它是信号灯，不是阅读器。

别上来就做复杂系统

很多人玩硬件最容易犯一个毛病：

还没点亮屏幕，就开始设计“全平台智能中枢”。

别急。

先做一个状态显示。

跑通后再加按钮，再加震动，再加自动化。

注意续航

彩屏刷新率高，意味着耗电不会像墨水屏那么省。

如果你长期放桌面，建议接电。

如果吸在手机背面，记得控制亮屏时间。

比如 10 秒无操作自动熄屏。

震动别太频繁

提醒太多会变成骚扰。

建议只对三类事件震动：

需要你确认
任务完成
任务失败

运行中别震。

不然它会像一只焦虑的电子蚊子。

Wi-Fi 配网要留后路

如果你写固件，记得做一个配网模式。

比如长按某个按钮进入配置页。

不然换个网络，你就得重新烧录。

这很折磨。

适合谁买？

如果你只是想要一个精致配件，可能会嫌它不够“高级”。

如果你喜欢折腾 AI 工具、自动化、桌面工作流，那它很香。

尤其适合这些人：

经常用 Claude Code 或 Cursor 写代码
想做一个实体版 AI 控制面板
喜欢 ESP32、M5Stack 生态
桌面上已经有一堆自动化脚本
想把手机背面变成快捷入口

它最大的价值不是参数。

是把 AI 从屏幕里的窗口，拉到你手边的一个小设备上。

这件事很有意思。

可以照着做的最小版本

想快速开工，可以按这个顺序来：

给 M5Stack 做一个状态页，只显示 Idle / Running / Done / Error
在电脑上跑一个本地 HTTP 服务，保存当前任务状态
写一个脚本包装 AI 命令，开始和结束时更新状态
M5Stack 每隔 2 秒请求一次状态接口
状态变化时更新屏幕颜色，并触发震动

做完这五步，你就已经有一个能用的 AI 随身状态屏了。

后面再慢慢加 WebSocket、触摸菜单、任务列表、手机快捷操作。

别小看这个最小版本。

它可能就是你每天少切十几次窗口的开始。