Cinematic UI 2.0EN

文件 / 12

誠實的限制與 Cinematic UI 的測試方式

Cinematic UI 還沒驗證的部分(Safari、Firefox、實體手機、螢幕閱讀器)、程序生成 3D 的弱點,以及盲測如何塑造這個 skill。

一個什麼都宣稱做得到的 skill,沒有人能信任。以下是儲存庫裡寫明的限制,以及這個 skill 是怎麼測試的。

誠實的限制

  • 沒有在 Safari、Firefox、實體手機或螢幕閱讀器上驗證。 Kit 與腳本是在 headless Chrome 下驗證的。流暢度無法在 headless 環境判斷。
  • 程序生成的 3D 在特寫「大家都認得的真實物件」時仍然吃力。 Skill 會跟你要素材,把弱的素材留在遠景,但它變不出產品照。
  • 高斯潑濺只有說明、沒有實作。 Skill 會描述這項技術,但沒有附上實作。
  • 影片模式沒有你提供的音軌就是靜音。 影片由姊妹 skill cinematic-cut 製作,算片器也在那裡。
  • 它拉高下限、拉開變化幅度,不保證得獎。

因為有第一條限制,交付報告必須寫明看過什麼、沒看過什麼,而且 skill 絕不描述一個它沒看過的畫面。

怎麼測試的

把這個 skill 和一份客戶 brief 交給完全沒有其他上下文的全新 agent。README 最上面那張圖就是它們交回來的成品,未經修飾:brief 是虛構的,產出是真的。2.0 當時的 brief 包括一個茶品牌首頁、一支算成影片的二十秒發表預告、一個完全不用 3D 的獨立書店訂閱頁,以及一個文案很多的顧問公司頁面。

它們的摩擦紀錄、另一個模型的獨立審查,以及對其他 skill 的調查,都在發布前回饋進文件與 kit。Kit 與腳本在 headless Chrome 下以 three 0.186、GSAP 3.15、Lenis 1.3 驗證,涵蓋:

  • 場景與剪接邏輯
  • 任意順序跳播時畫格可重現
  • 減少動態
  • 鍵盤順序
  • 每一種媒材
  • 逐格算片

之後的版本也以同樣方式測試。App 模式就是從三場盲測(分析後台、訂單管理後台、值班控制台)暴露出「儀表板全都長得一樣」的問題而來,再依新規則重新盲測。

示範作品

本站的十部示範作品,是全新的 agent 只靠這個 skill 導出來的虛構產品,每部都附企劃書。品牌、價格、客戶和數字都是虛構的,並在頁面上標明。它們的企劃書也如實記下各自剩下的旗標,例如靠肉眼判斷的死停格與平面畫格警告,以及六色色票無法涵蓋六幅截然不同畫面而產生的調色偏移量測。