Community影像github.com

Swipespread:滑動式IG輪播製作

規劃、設計並匯出無縫的4:5 Instagram輪播,由使用者提供的照片和影片組成。適用於滑動式照片展開、帶框照片日記,以及混合照片/影片的輪播貼文,同時保留原始構圖。

Swipespread:滑動式IG輪播製作 是什麼?

Swipespread 是一款專為 AI 編碼助手(如 Claude Code、Cursor 等)設計的技能,專門用於從使用者提供的相片和短影片中,自動規劃、設計與匯出無縫的 Instagram 4:5 輪播貼文。它能將圖片與影片組合成具有統一律動感與跨頁銜接效果的輪播,並保留原始素材的邊緣與構圖。支援的平台包括 Instagram 內容排程工具與 AI 代理開發環境。工作流程包括:首先檢查素材的方向、尺寸與時間戳,規劃開場、序列與結尾圖片,確保跨頁銜接避開重要細節;接著在 1080×1350 像素的頁面畫布上合成圖片與影片,並按滑動順序匯出為編號的 JPG 與 H.264 MP4(含音訊選擇);最後提供拼貼預覽與獨立頁面檢查,確保邊緣、視覺層次與標籤數量符合需求。所有輸出均可回溯備份,並僅在使用者明確要求時才上傳至 Instagram。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ncusspm25/swipespread/tree/HEAD

Installed? Explore more 影像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

在你喜歡的 AI 中提問

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

說明文件

SwipeSpread

將一組有序的相片與短片段轉換為具有共同視覺節奏與刻意跨頁銜接的輪播。

規劃展開

  • 在本機檢查提供的媒體。讀取相片的方位與尺寸,並預覽代表性影片幀及其時間戳。根據提供的材料設定說明文字、時間與名稱。
  • 選擇開場圖片、序列與結尾圖片。構思相鄰的兩頁之間將共用哪一張照片。將每個銜接處避開人臉、重要文字及其他焦點細節。確保每一頁本身具有可讀的構圖。
  • 建立色調、邊框處理方式與文字大小。對於以照片為主的展開,偏好使用小標籤、克制字型與一致的邊距。使用使用者偏好的語言或省略說明文字。選項之一:霧藍灰 #E1E9ED、冷白 #FCFDFE 與深石板灰 #18262C。

合成與匯出

  1. 建立一個 1080 × 頁數 寬、1350 高的共享畫布。在將畫布以 1080 像素為單位分割之前,先在此畫布上繪製共用照片與規則。
  2. 根據來源方位將照片按比例置入其邊框內。必要時使用內邊距。在整個展開中保留來源邊緣,並確保相鄰的印刷頁面不互相覆蓋。在支援的情況下,靜態匯出使用 sRGB。
  3. 對於影片頁面,選取相關節拍並將片段適配至相同的 1080 × 1350 頁面。一個 648 × 1152 的內框可保留 9:16 的來源比例。根據使用者或簡報決定是否保留環境音。若包含音訊,匯出 H.264 MP4 格式並搭配 AAC,使用廣受支援的像素格式(如 yuv420p)。
  4. 以滑動順序匯出編號貼文,例如 01.jpg、02.jpg 與 03.mp4。將拼接預覽保留在上傳資料夾之外。對於影片頁面,在靜態預覽中使用一個代表性幀。

迭代與驗證

  • 當使用者要求查看單一樣本時,分別匯出該頁面,並等待批准後再將變更套用至整組。若請求備份,請備份先前版本,包括其編號檔案與拼接預覽。
  • 在手機大小的比例下檢查個別頁面與拼接預覽。檢查照片邊緣、視覺層次、銜接處,以及標籤數量是否符合簡報。修正可見的間隙,並再次檢查受影響的頁面。
  • 確認所有匯出檔案均為 1080 × 1350、順序正確且可成功解碼。在影片的開頭、轉場處及結尾檢查編碼後的影片。若可即時播放,則使用音訊完整觀看片段。回報執行了哪些檢查。
  • 提供編號檔案與拼接預覽的連結。將原始媒體、個人資訊及專案特定輸出保留在共享技能儲存庫之外。僅在使用者明確要求時才上傳貼文本身。

相關技能