Kinetic Title Video
一個自己畫出來的標誌片頭——從程式碼渲染,適合任何品牌。
適用於: Claude Code, Codex, Cursor, Muse · 版本 1.0 · 需要: Node.js 18+ 和 npm;用 Remotion 本地渲染(首次運行會下載無頭 Chrome)。
預覽
你將獲得
- 完整的 Remotion 專案(構圖 + 渲染腳本)
- 由單個 SVG 路徑驅動的描入弧線動畫
- 彈簧感字標與標語揭示,按幀計時
- 方形 1080x1080 MP4 輸出;在 Root.tsx 中改時和重排格式
關於此 Skill
把一個 5 秒動態標題片頭渲染為 MP4:一個弧線標誌逐筆自我勾勒,名稱帶著彈簧感落下,一句標語淡入。基於 Remotion 建構,整個畫面是時間的函數——改名稱、標語、顏色或標誌的 SVG 路徑,即可為任何品牌、頻道或發布重新渲染像素完美的片頭。
試一試
scripts/render.sh ./title-sting.mp4
適合對象
- 產品發布和頻道片頭
- 演示和演講的品牌識別
不適合
- 實拍素材或 AI 生成影片
如何安裝
- 把安裝提示詞複製到你的 Agent:
Read https://skillu.dev/install/agent.md, then install the Kinetic Title Video skill (kinetic-title-video). - 或在上線後從本頁下載 Skill 包,把它的資料夾放入你的 Agent 的 skills 目錄。
- 用斜線命令呼叫它,例如
/kinetic-title-video,然後用大白話描述你想要什麼。
常見問題
我需要影片剪輯經驗嗎?
不需要。在一個元件裡改名稱和標語文本,運行一條命令,MP4 自己渲染出來。
我能用自己的標誌嗎?
可以——把 ARC_PATH 值換成任何單路徑 SVG 標誌;描入動畫會沿著它走。