一版,一個檔案。 One page, one file.
每一個 pack 都是一份宣告式 JSON:講明去邊度攞數據、抽邊幾個欄位、點樣排版。沒有程式碼會在裝置上執行。下面每一張圖都是引擎真實渲染出來的 800 × 480 畫面,不是設計稿。
A pack is one declarative JSON file — where the data comes from, which fields to pull, how to lay them out. No code from a pack ever executes on the device. Every image below is a real 800 × 480 render, not a mockup.
即場 LIVE
在你的瀏覽器即場渲染Rendered live, right here
同一份 C++ 引擎編譯成 WebAssembly。撳一下,它會在你的瀏覽器內從零畫出這一版 —— 用你此刻的時間,同裝置上出現的畫面逐格像素一致。
family-board — 家庭留言板 · 資料全部內嵌在 pack 之內,渲染時不需要任何網絡連接。
Pre-rendered by the native CLI target.
01
示範頁面Example packs
02
引擎測試頁Engine conformance packs
這些不是用來睇的頁面,而是用來考引擎的:每個 widget、每條路徑表達式、每個日期濾鏡都要在這裡畫得一模一樣。
03
自己整一個Make your own
交俾 AI 寫Let an agent write it
規格本身就是寫俾機器讀的,repo 亦會自我導航。把任何編程助手指向 repo 根目錄,直接講你想要的頁面。
$ cd yat && claude
> "整一版顯示西貢 69 號小巴到站時間嘅 pack"
或者自己手寫Or write it by hand
docs/PACK-SPEC.md 是規範性參考,JSON Schema 會幫你捉錯。
tools/preview 可以將任何 pack 渲染成 PNG,完全不需要硬件。