早上一睜眼就滑手機?Google 工程師 vibe code 一台電子紙看板,把全家行程畫成一張圖

Google 一位創意技術專家把家裡的行事曆、天氣、小孩今天要帶什麼,全部交給 Gemini 畫成一張圖,放進客廳的電子紙相框——不用開螢幕、沒有通知、看一眼就知道今天長什麼樣。整套程式碼 7 月 31 日開源,硬體是現成的,重點是他自己說「這是全程 vibe code 出來的」。這篇把它的運作原理、要準備什麼、還有我覺得一般人真正能學走的那一段,一次整理清楚。

把全家行程畫成一張圖:Google 工程師 vibe code 一台電子紙看板

誰做的、什麼時候發的

2026 年 7 月 31 日,Google 官方部落格 The Keyword 發了一篇〈Simplify your morning with this vibe-coded schedule app.〉。主角是 Google 的創意技術專家 Raphael(文中叫他 Raph),他做了一個叫 Glanceboard 的小東西,用的是 Gemini 3.6 Flash 加上 Nano Banana(Google 的生圖模型)。

官方原文這樣描述它的價值:「a serene and personalized way to stay organized」——一種安靜、又很個人化的整理方式。Raph 自己則說,這是「a great way to get kids engaged and organized without the stress」,讓小孩不用被催就自己知道今天要幹嘛。

最關鍵的一句話寫在 GitHub 專案的說明裡:「This demo was entirely vibe coded with Google Antigravity and uses off the shelf hardware.」整包是 vibe code 出來的,硬體全是市面上買得到的現成品。Google 也直接把程式碼開源在 github.com/google-gemini/glanceboard,還在文章裡寫「你可以叫 Google Antigravity 也幫你做一台」。

Glanceboard 實機:木框電子紙相框上顯示今天的行程插畫
圖/Google 官方部落格 The Keyword(來源)——右邊那台就是實機,畫面上有今天的行程、氣溫 21.0°C、還提醒明天有人生日。

為什麼要做這個?因為早上真的很亂

原文開頭那句話我看了很有感:「Tired of starting your morning staring at bright screens and stressful notifications?」——早上一睜眼就盯著亮螢幕跟一堆通知,累不累?

我家早上那 10 分鐘也差不多是這個劇本。要看今天幾點出門、外面會不會下雨、小朋友書包要帶什麼、晚上有沒有事。答案其實都在手機裡,但你一打開手機,就會先被別的東西吸走 3 分鐘。

Glanceboard 的解法很直白:把答案先做成一張圖,掛在牆上。不用解鎖、不用滑,走過去看一眼就好。

它每天早上到底做了哪 5 件事

照 GitHub 說明,Glanceboard 在你的電腦或 Raspberry Pi 上跑一個很輕的本機伺服器,每隔幾小時做一輪:

  1. 讀行事曆:透過 iCal 網址(.ics,所有能匯出 iCal 的行事曆都適用)抓今天的行程
  2. 抓天氣:拉你所在位置的即時天氣
  3. 組提示詞:把行程、天氣、你設定的家庭角色,組成一段生圖用的 prompt
  4. 生成插畫:丟給 Nano Banana,畫出一張「今日圖解行程表」
  5. 送上電子紙:用 Floyd–Steinberg 抖色演算法把圖轉成 6 色電子紙吃得下的版本,再由相框主動來抓

注意第 5 步的方向:是相框去問伺服器有沒有新圖,不是雲端推給相框。所以整套不需要任何雲端帳號。

Glanceboard 每天早上的 5 個步驟:讀行事曆、抓天氣、組提示詞、生成插畫、送到電子紙相框
Glanceboard 的一日流程(本站自製資訊圖)

它比一張行事曆多做了什麼

如果只是把行程印出來,那不用 AI。真正有意思的是這幾個設計:

  • 天氣決定穿搭:畫面裡的角色會穿當天天氣該穿的衣服。下雨就是雨衣,冷就是外套
  • 地點感知:官方 README 舉的例子很好笑也很實在——「no snow in Sydney」,不會給雪梨畫一場雪
  • 6 種畫風:鋼筆線稿、時尚速寫、水彩、像素風、美式漫畫、日本水墨,換一個下拉選單就換一種家裡的氣氛
  • 角色一致:可以上傳家人跟寵物的參考照,讓每天畫出來的是「同一個人」,不是每天換臉
  • 把行程改寫成人話:這點我最喜歡。官方範例是把行事曆裡那行冷冰冰的「9am Tavi Library Bag」,改寫成「Tavi — remember library bag!」。做這件事的是 Gemini 3.6 Flash,不是生圖模型
  • 自動倒數:AI 會自己去掃行事曆裡的生日、旅行、假期,抓出來做倒數
  • 加掛小工具:球賽比分、股價、新聞、每日一句、未讀信件摘要,拖拉就能加到版面上
  • 只在有變動時才重畫:行事曆或天氣沒變就不生圖,省 API 也省電
Glanceboard 的功能亮點:看天氣決定穿搭、六種畫風、行程改寫成人話、全部跑在自己家裡
比一張行事曆多做的四件事(本站自製資訊圖)

要準備什麼?沒有想像中複雜

官方清單只有這幾樣,而且明講「No soldering. No ribbon cables.」(不用焊接、不用排線):

  • Waveshare ESP32-S3 PhotoPainter:7.3 吋彩色電子紙、木框、內建 WiFi,就是照片裡那台
  • 一條 USB-C 線:供電用,也可以改接鋰電池
  • 一台電腦或 Raspberry Pi:拿來跑那個本機伺服器
  • Python 3.9 以上 + Node.js 18 以上:跑伺服器跟建網頁控制台
  • 一把 Gemini API key:去 aistudio.google.com/apikey 建,貼進設定畫面就好,金鑰只存在你自己電腦的設定檔裡

生圖模型官方建議用 Nano Banana Pro(畫質、文字、角色一致性最好),要快一點就用 Nano Banana 2;負責「理解」的那一半——把行程改寫成人話、判斷天氣該畫什麼場景、掃出重要日子——都是交給 Gemini 3.6 Flash。

我覺得真正該學走的,不是這台看板

講白一點,大部分人不會真的去買一台電子紙相框。但這個案子有一件事非常值得抄。

我在教 AI 應用的時候,一直用一個很簡單的分法:你要做的這件事,是「工具」還是「流程」?

  • 工具:只有一個步驟,按一下就產出一個東西。這種用 vibe coding 做最快,一個下午就有
  • 流程:一連串步驟,要收資料、要判斷、要送到某個地方,那才需要 AI Agent

Glanceboard 剛好卡在中間,而且它把兩邊都用對了:生圖是工具,每天自動跑一輪、只在有變動時才動作,是流程。Google 那位工程師沒有從零寫一個框架,他是拿現成硬體、開源套件,加上 AI 幫他把程式碼寫出來。

我自己用 AI 的習慣也是這樣:一定先跟它聊計畫,確定方向再叫它動手。有指令就先請它優化,沒指令就請它先擬一份計畫,我看過覺得可行,最後才是執行。這個案子看起來炫,本質上就是「有人把一件每天都煩的小事,認真做成一個一直在用的東西」。

換到工作場景也一樣。第一線同仁每天都要手動整理的那張表、每次都要重打一遍的那段話、每天早上都要問一輪的那個資訊——那些才是你的 Glanceboard。找出那一件,先用 AI 做成「按一下就有結果」的小工具,做出來給旁邊的人用,回饋馬上就來了。

先分清楚是工具還是流程,再用三步把 AI 小工具落地
工具還是流程?先分清楚再動手(本站自製資訊圖)

動手前,有幾件事要先想清楚

  • 生圖要錢:Gemini API 是按用量計費的,每天生幾張、多久重生一次,會直接反映在帳單上。官方的「只在行事曆或天氣有變動時才生成」就是在省這個
  • 「全本機」是指伺服器:程式跑在你家沒錯,但生圖跟改寫還是要打 Gemini API,等於行程摘要會送出去。公司的行事曆不要隨手接上去,先確認公司的資安規定
  • 硬體要等:Waveshare 那台在台灣通常得海淘或找代購,不是走進門市就買得到
  • 電子紙很慢:它的定位就是「一天看幾次」的靜態畫面,不要期待它能當即時儀表板
  • 要會一點指令:雖然是 vibe code 出來的,但你還是得會 clone 專案、開終端機、裝 Python 套件。完全沒碰過的人,找個懂的朋友陪跑第一次會快很多

小結

Glanceboard 好看的是那張圖,但真正的重點是它證明了一件事:現在一個人用 AI,可以把「我家早上很亂」這種小到不值得寫需求單的問題,變成一個真的每天在用的產品。門檻不是會不會寫程式,是你有沒有先把那件煩事講清楚。

今天就挑一件你每天都要重做一次的小事,先跟 AI 聊聊怎麼做,再叫它動手。


本文整理改寫自 Google 官方部落格 The Keyword 2026 年 7 月 31 日的〈Simplify your morning with this vibe-coded schedule app.〉,技術細節取自官方開源專案 google-gemini/glanceboard 的說明文件。

留言