Kadr 設計技能
請閱讀此技能內的 readme.md 檔案，並探索其他可用檔案。
若要建立視覺成品（Reels、圖像疊加、動態片段、模擬圖），請將素材複製出來，並為使用者建立靜態 HTML 檔案以供檢視。若在處理正式程式碼，請複製素材並遵循此處的規則。
若使用者在沒有其他指示的情況下呼叫此技能，請詢問他們正在製作什麼影片（主題、長度、平台、現有的素材），然後為其設計圖像。
創作者：Emkarok (@emkarok) — Instagram Reels、TikTok、YouTube Shorts。安全區域預設為 platform="all"。
輸出：A = 完整 Reel MP4（素材在此合成）；B = 僅圖像，以洋紅色 #FF00FF 去背，適用於 CapCut/Premiere/Final Cut（在時間軸頁面上調整匯出設定）。
快速規則
- 畫布：1080 × 1920。以畫布像素定位圖像；文字請勿超出安全區域（上方 160、下方 440、右方 160）。
- 每個圖像接受
progress（0–1 進入）和exit（0–1）參數。透過單一時間軸時鐘驅動（請參閱ui_kits/reel/）。 - 品牌色彩：天空漸層
--accent-gradient（#61D4FE → #FFFFFF），搭配深色油墨文字；在素材上使用白色字型--shadow-text-footage；在複雜背景上使用油墨底板。 - 使用 Plus Jakarta Sans 800 作為鉤子/字幕字體；Martian Mono 作為小標題/帳號名稱字體。
- 文字進入動畫使用 ASCII 解碼（
AsciiText progress）；唯一的轉場效果是GlyphTransition。 - 同一時間只顯示一個圖像概念。圖像中不使用表情符號。
- 解說員佈局：在淺色工作室網格上使用
SplitPresenter（上方疊加CardWall）；人物彈出頭部需要預先去背景的片段副本。 - 科技風格：
ScanSweep→TrackBox（臉部/物體）+HudReadout角落資料；將追蹤器放置在素材的變形圖層內。 - 視覺 HUD：
DepthScan、ObjectTags、Viewfinder、ContourMap（+CompassStrip）、TerminalLog、ThermalView。畫布上的 HUD 需要同一來源的靜止畫面（src+fit）；傳入zoom以跟隨放大效果。方框/標籤的座標需根據每個鏡頭測量 — 更換素材時需重新測量。 - 解說功能：
FileDrop（游標將片段拖入資料夾）— 每個檔案約 1.5 秒。 - 素材必須預留空間給圖像：請參閱 readme.md 中的 FOOTAGE 及
ShotGuide預設（說話者頭部、寬景、產品、B-roll、結尾卡片）。文字下方應使用中至暗色素材、SDR、鎖定曝光，避免使用天藍色或白色背景。