Community程式設計與開發github.com

osminoog09-star/Shorts

建立和打磨原創動態影片、產品動畫和動態文字排版:從構思、動態分鏡到經過驗證的匯出。

Shorts 是什麼?

此 AI 代理技能專為動態設計師與影片創作者設計,協助使用者從零開始構思並產出專業級 motion 影片,包含產品動畫與動態文字排版。技能支援直接 HTML/CSS/JavaScript、SVG/Canvas 等技術,必要時可整合外部程式庫,但強調不預設框架。整個流程分為三大核心:預設高品質動畫(包含連續運鏡、視差深度、動態模糊與同步音樂/SFX)、實施前先進行導演與動態分鏡(每場景提供3-5個創意選項),以及強制迭代(第一次組裝後必須審查並修正缺陷)。最終預設匯出 1920×1080、60 fps 的 H.264 MP4,並可針對不同專案類型(如產品 UI 動畫、長片、頻道風格)啟用對應的參考模組。此技能適合在 Cursor 或 Codex 等支援多步驟工作流程的 AI 代理環境中使用。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/osminoog09-star/Shorts/tree/HEAD/skills/vizavi-motion

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

vizavi_motion

以下三種機制是本技能的基礎。額外模組旨在協助執行這些機制,而非取代它們或強制規定固定的範本。使用者的明確需求、格式、長度、聲音以及允許使用的資源,優先於預設值。只要有簡單的構想就足夠:請自行決定畫面安排,無需向使用者索取技術問卷。不要虛構產品的真實屬性、價格或已證實的偏好。

預設情況下,當直接使用 HTML/CSS/JavaScript、SVG/Canvas 以及自行控管的時間軸能達到足夠品質時,請優先採用。如果確有需要,允許使用合適的函式庫與引擎;請勿在沒有具體效益的情況下預先指定框架或安裝依賴項。

1. 預設品質

創作出生動、豐富且細節精緻的動畫。在敘事進行期間,攝影機應持續移動:包含流暢的加速與減速、連貫的軌跡、有動機的傾斜、對角線、輕微旋轉以及環繞鏡頭。展現立體的深度感,以及前景、中景、背景之間的相對運動。單純對平面構圖進行線性縮放無法達到此效果。在技術性暫停或最終可讀的畫面中,則不需要無意義的晃動。

文字排版應參與動作:使用富有表現力的字體、字母、單詞與空間的形體變化,而不僅僅是讓標題出現。物體應具有重量、慣性、材質、光影、接觸感以及次要反應。變換視覺重點與景框大小時,應避免長時間停滯或雜亂無章的跳動;應透過層級結構保持視覺豐富度,而非移除所有環境元素。

根據相對運動使用動態模糊,並在空間/近距離場景中使用受控的景深。必要時,可為卡片或深場景添加徑向模糊;但它不能取代景深或動態模糊。保持可讀性與辨識度。預設情況下,請創作合適的音樂與音效設計,使其與節奏、動作和風格同步,且不強制使用特定生成工具。如果需求要求靜音,則不應有聲音。切勿將無聲結果稱為有聲。詳情請參閱:動態與聲音。

定期將轉場、剪接點以及重要動作與實際音樂/音效中富有表現力的重音聯繫起來;這些是具意義的同步點,而非強制每個節拍都要切換畫面。

2. 先導演,後實作

在完整組裝之前,請先構思一個統一且原創的構想/主軸,並完成完整的動態分鏡。對於每個場景,提出3到5個本質上不同的簡短創意選項,並根據整體效果選出最強的一個。只需要簡潔的選項概述、所選方案以及實用性的分鏡圖即可;內部思考過程無需呈現。

在每個鏡頭中,固定記錄以下內容:意義重點、構圖與圖層、物體的動作/變化、文字及其運動、攝影機、光影/焦點、上一場景的入口、下一場景的出口、聲音與節奏。場景之間應具有因果關係,推動故事發展。圓形、字母 O 或傳送門只是一種可能的手法;不要自動重複使用它們。如果2到3種手法能結合成一個完整的動作,則可以合併使用。在進行耗時的完整組裝之前,先用簡短的測試來驗證主要的技術或藝術風險。詳情請參閱:分鏡。

3. 首次組裝後的強制迭代

預設情況下,首次組裝的版本應視為未完成的內部草稿,而非最終成品。請完整觀看整支影片,檢查每個場景與轉場;若包含聲音,請聽取音樂、音效以及完整混音。檢查內容意涵、無聊的停頓、節奏、攝影機、可讀性、形體、瑕疵、接合點以及同步性。修正已發現的問題,並重新檢查修改處以及整體效果。請勿僅因存在操作說明或單一成功的畫面,就宣稱技能已通過驗證。

預設情況下,交付完成的最終 MP4:1920×1080,60 fps,H.264,yuv420p,聲音 AAC,除非使用者要求無聲版本。同時保留 HTML/JS 等其他可編輯的原始檔;4K 則根據要求提供,明確的專案參數比預設值更重要。HTML 預覽不能取代最終完成的影片。

同時也請檢查最終解碼後的匯出版本,包含其開頭、結尾、場景邊界以及技術參數。程式碼、聯絡清單與影格計數器不能取代對動態/聲音的感知。如果缺少所需的工具,請誠實標示出特定的未驗證屬性,並提供現有的成品並附上相應的狀態說明,切勿將其稱為已通過該項驗證。在修正了重大缺陷並滿足專案需求的所有標準後即可結束;非必要的審美替代方案無需進行無止境的修改。詳情請參閱:審查與匯出。

額外模組 — 僅按任務需求使用

  • 影片或多個參考素材:分析與結合。
  • 一系列圖片、角色、Alpha通道:保持一致性。
  • 現成的3D模型、材質、關節:3D資源。
  • 產品動畫、介面、游標與狀態:SaaS/UI 動態。
  • 統一的風格與經過驗證的來源:註冊表。所選取的六個教學展示部分僅適用於該展示;對於其他影片,請根據其專案需求選擇語言。
  • 頻道風格(所有 M1lash 頻道的影片均強制使用):風格。
  • 紀錄片長片(需旁白,8-15分鐘,基於事實,依照逐字稿時間軸):長片。
  • 長時間渲染、30 fps、在 GitHub Actions 中進行平行區塊渲染:渲染預算。
  • 音樂必須附有授權與出處標示(頻道強制要求):音樂。
  • 標題、描述、章節、標籤、縮圖:YouTube 包裝。

對於頻道上的長片(>3分鐘),預設匯出為 1920×1080,30 fps(請參閱渲染預算),而非 60 fps。

相關技能