Claude 學會創建具有動態UI的滾動視訊

新款的Claude模型展示了先進的動態設計技能，學習生成具有動態介面的時尚影片。人工智慧可以自行收集動畫、選擇背景音樂並編輯最終的影片。

要創建影片，使用了一個1440x1440像素的HTML檔案，其中所有樣式都是基於時間在seek(t)函數中計算的。在工作過程中，模型使用numpy分析音樂音軌並將其與節拍網格同步，而影片的渲染是通過Playwright完成的，然後使用ffmpeg進行後期處理，以在60幀每秒的速度下添加動態模糊效果。

動畫腳本是基於無縫轉換的一個圖形，沒有拼接：元素改變形狀、半徑和顏色，內容以輕微的模糊效果切換。游標控制變化，使用真實的點擊和拖動，而最終的畫面與初始畫面完全相同，以創建無限循環。

這種方法可以在不使用模板解決方案和不必要的視覺效果的情況下自動化高質量介面展示的創建。