人工智能额度桌面摆件开发记录

项目起因

前段时间看见有人在 Kickstarter 发了一个众筹,是一个可以查看 Claude Code 额度、Reset 时间的桌面小面板,然后还有工作状态之类的。

Claude Code额度桌面面板

然后我就在想,这个也没啥难度吧,我也能开发出来才对,并且有 AI 辅助的话,应该很容易才对。

硬件选购

于是说做就做,我把需求发给了 Grok 让他帮我分析一下我需要什么,之后直接在淘宝下单了。

这里因为我也是小白,所以纯按照 AI 推荐的买了,大概成本不到 50 块钱,然后实际上杜邦线只用到了 8 根母对母的线,然后没有用到面包板。

  1. 杜邦线 10cm 30 根、20cm 30 根
    1. 公对公
    2. 母对母
    3. 母对公
  2. 400 孔面包板 5.5×8.5cm
  3. ESP32-S3 NANO 开发板,焊接
  4. 1.54 寸彩色 TFT 液晶屏,焊接好排针

接线与硬件验证

东西到货后,把开发板还有液晶屏的内容发给 AI 让他分析一下。大概也就是这两个东西,把有排针的地方发给 AI 让他看看。

ESP32-S3 NANO开发板正面

ST7789液晶屏背面

ESP32-S3 NANO开发板背面

接下来他分析完会说一下方案,这里根本不需要了解,直接让他输出一下接线方案即可。

TFTESP32
BLKGPIO7
CSGPIO10
DCGPIO9
RESGPIO8
SDAGPIO11
SCLGPIO12
VCC3V3
GNDGND

大概就是表格显示的,但是根本不知道怎么接,这里实际上也可以直接让 AI 出接线图。

ESP32-S3 NANO与ST7789接线图

接完线,然后插上电脑就能看到上下两个灯都亮了。这时候直接让 AI 试一下通不通,一般按照上面的接线方式是没问题的。

ESP32-S3 NANO连接电脑

软件环境与功能实现

准备好硬件环境后,就需要准备软件环境了,一个是 uv,一个是 nvm,分别安装 Python 环境和 Node 环境。不过这里直接让 AI 准备就好了,之后就跟他说开始干就行了,接下来就是等。

我这边是让他实现了一个 Codex 额度显示的功能以及 Reset 和 Credits 数量,然后底部可以显示 Codex Desktop 运行的状态,如果有在运行中的任务会显示出来。然后这里需要安装一下中文字体,不然的话对话名字没法正确显示。

运行过程中是有些发烫的,但是烧录好后温度就正常了。这里的 Codex 额度之类的都是用的 app-server 实现的,主要是为了进度,不然的话可以用 Web 的 API 接口直接查额度也行。

3D 打印外壳

然后我是想,既然功能部分都做出来,完全可以再 3D 打印出来一个壳子,然后直接和 AI 沟通开始设计,这是设计出来的模型。

Codex Widget 宣传效果图

我是直接让 Codex 读取建模文件以及我实拍的图片,然后让他生成出来一个效果图,感觉不错。不过建模让 AI 来做还是挺难的,最难的部分我觉得还是不同组件的组装部分,还有尺寸之类的。把这些弄准了,其他的也都很容易了。

然后这里其实挺依赖在线预览的,因为我没有 3D 打印机,3D 打印只能从网上购买,如果出问题一来一回还是很费时间的,所以我让 AI 从网上找了几个开源的 3D 文件预览项目,然后根据我的需求做了一些开发,主要是看能否拼接之类的,之后没问题后直接在线打印,等待到货即可,仓库链接我放到了底部。

总结与项目地址

只能说 AI 确实牛逼,喜欢什么自己做什么即可。

PS:https://github.com/datehoer/ai_desktop_widget