
魔術方塊 · 人類出題,AI 解題
網頁跟 AI 之間,一直隔著一層玻璃:AI 讀得到畫面上的字,但按不到畫面上的鈕。我們想弄清楚,當這層玻璃拿掉、AI 可以直接操作網頁本身,那會是什麼感覺。
魔術方塊是驗證這件事的好題目,因為它的對錯一眼就看得出來——AI 有沒有真的解開,不需要誰來判定。頁面把三個工具交給 AI:打亂、求解、讀目前狀態。你自己用滑鼠把它轉亂,然後說「幫我把方塊還原」,它會呼叫這些工具,一步一步轉回去。
算在頁面這邊,不在 AI 那邊
這是刻意的分工:還原邏輯留在頁面,AI 只是按下按鈕的手。它不需要懂魔方、不需要看畫面、不需要算任何一步——所以換成哪一個 AI,結果都一樣。
這個分界是整件事的重點。把能力放在頁面、把決策權放給 AI,你得到的是穩定可驗證的結果;反過來把邏輯託給 AI 自由發揮,你得到的是每次都不一樣的表演。要把 AI 接進真正的業務流程,靠的是前者。
真解,不是倒帶
求解走兩階段演算法,輸入是從 3D 場景實際讀出來的五十四格貼紙顏色——跟人類解魔方拿到的資訊一樣多。它不靠「我記得你剛剛怎麼轉亂的」,所以隨手亂轉的方塊一樣解得開,而且解法通常比你亂轉的步數還短。
這個選擇有實際差別:方塊從哪裡來都不重要。你自己轉的、別人轉的、或從另一個系統讀進來的狀態,它一視同仁地算。能力不綁在「我剛好看過你怎麼弄亂它」這個前提上。
一步一步轉,不跳到答案
算完解法後每次只送一步,等它轉完再送下一步,二十二步大約九秒。這個節奏是刻意的——瞬間跳到完成狀態,人不會相信它真的解了。
介面有三種語言,切換語言時連「給 AI 讀的工具描述」也跟著換,因為那些描述本來就是寫給機器讀的文件。
這是下一代網頁互動的預演
讓 AI 直接操作網頁的標準正在成形,我們選擇在它落地之前就先把東西做出來。等這件事成為常態,主導權會落在早就動手的人手上。
如果你也在想「我的網站或系統能不能讓 AI 直接操作」,這顆方塊就是我們的答案:可以,而且我們已經做過一次。
CREDITS
- 專案規劃|Kidult Lee
- 介面設計|Kidult Lee
- 前端程式|Kidult Lee
- 求解演算法|cubejs(開源函式庫)
- 語系|繁體中文 / English / 日本語