YAT
頁面庫 Pack gallery

一版,一個檔案。 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 的渲染:家庭留言板,包含日期、天氣、家人日程同一段引語。The family-board pack rendered — a household board with the date, weather, each person's schedule and a quote.
family-board — 家庭留言板 · 資料全部內嵌在 pack 之內,渲染時不需要任何網絡連接。 Pre-rendered by the native CLI target.
01

示範頁面Example packs

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,完全不需要硬件。