现代开发者面临一场无限屏幕锁定的流行病:一动不动地坐在暗房间里,在“休息”时刷 Reddit 和 Twitter,积累慢性桌面疲劳。我们告诉自己这是在休息,但眼睛始终粘在 120Hz 的玻璃面板上。
Chadodoro(pomodoro-chad)就是为了打破这个循环而构建的。它是一个不道歉的、运动型生产力教练,灵感来自斯多葛式的 GigaChad 精神,围绕一条物理指令运转:工作区间一结束,你就得离开显示器,去摸真正的草。
![]()
核心功能
圆形倒计时进度环:运动风格的 SVG 倒计时环,用 MM:SS 显示剩余时间,带动态描边偏移、即时的阶段指示和会呼吸的光晕。
三个会反应的虚拟形象:
- 专注模式(锁定):赛博朋克风格的深度工作 GigaChad,霓虹绿激光眼,HUD 瞄准线,周身是不被打断的专注气场。
- 短休息(补水与休息):温暖的声学休息室 GigaChad,做一次正念呼吸,手里端着一个冒热气的陶瓷 Chad 皇冠马克杯,笼罩在金色环境光里。
- 长休息(摸草):户外阳光草地 GigaChad,戴着飞行员墨镜,在自然阳光下轻轻抚摸茂盛的草叶。
语音教练由 ElevenLabs 预先合成:覆盖 START_FOCUS、SHORT_BREAK、LONG_BREAK 和 CHAD_MOTIVATION 四类,共 16 条高冲击力的教练语录,用命令式的男中音念出来,还能通过音板按需重播。
“我摸到草了”物理追踪器:一个有触感的音板按钮,按一下,你在现实世界里的摸草计数就加一,同时飘出三叶草和草的彩纸动画,并播放音频反馈。
混合式背景音乐引擎(YouTube + Git 仓库):曲库里有 27 首病毒式传播的 phonk 和励志曲目,包括 REVENGE、MONTAGEM PEGADORA、GigaChad Theme Phonk House、MOTIVATION FUNK、METAMORPHOSIS、DIA DELÍCIA、AURA,每首都有精确的起始时间戳。你可以选择在阶段切换时播放 30 秒的片段,也可以连续播放;还能在“仅仓库音频”“仅 YouTube”“混合模式”之间切换。
实时歌曲归属与直接链接:正在播放的曲目会实时显示,并附上 YouTube 上原艺术家的直接链接。
Chadodoro 守则:仪表盘上写着三条不可协商的原则:
- 不被打断的专注:单任务深度工作,零标签页切换。
- 彻底的屏幕休息:手离开键盘,眼睛离开屏幕。
- 触摸真实的草:重新连接阳光、土地和新鲜空气。
演示
在线交互式网页应用:https://chadodoro.ntsd.dev/
零设置、零延迟:在任何现代浏览器里即时加载,手机和桌面都能完整使用。
代码
整个代码库在宽松的 MIT 许可证下开源:
GitHub 仓库:https://github.com/ntsd/pomodoro-chad
一键部署蓝图:包含原生 render.yaml,可在 Render 上即时部署。
我是怎么构建的
架构:零延迟的静态 Git 语音仓库
传统的 AI 网页应用会在每次用户交互时,向大语言模型和语音合成服务发起昂贵、高延迟的 API 调用。这会带来加载转圈、不可预测的账单和网络脆弱性。
Chadodoro 的做法是把 AI 合成和用户运行时彻底解耦:
构建管线阶段:教练台词由托管在开放权重推理节点上的 google/gemma-4-26B-A4B-it 生成,然后通过 ElevenLabs API 合成成有力、洪亮的男中音语音,用到的声音包括 Adam、Harry、Brian。
提交进 Git:生成的文本元数据(.json)和压缩音频(.mp3)会连同 manifest.json 一起,直接提交到 public/vault/ 目录里。
静态 Astro 交付:整个前端用 Astro 加纯原生 CSS/JS 构建,资源预渲染进 dist/,以零服务端计算的方式提供。
Render 上的边缘缓存:部署在 Render 上作为静态站点,配上自定义的不可变缓存头(Cache-Control: public, max-age=31536000, immutable),音频可以即时流式播放。
运行时是 100% 静态的 HTML/CSS/JS,API 延迟为 0 毫秒,没有运行时密钥,也没有 API 成本,音频资源走边缘缓存,还带一个原生 Web Speech API 作为兜底。
为什么开放创新很重要
零运行时 API 依赖与成本自由:通过把一个开放权重模型(google/gemma-4-26B-A4B-it)和基于 Git 的产物仓库结合起来,这个应用可以永远运行下去,0 API 账单,0 运行时密钥暴露。任何人都可以 fork 这个仓库并托管它,不需要 API 密钥或信用卡。
本地隐私与自主权:所有计时器数据、摸草计数指标……
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.