Community影像github.com

instagram-carousel

為科技及 AI 創作者頁面製作 Instagram 輪播貼文(1080×1350),提供五種風格 — 編輯、貼紙、暗色科技新聞、極簡筆記、大膽粉彩 — 並附帶英文與 Hinglish 雙語貼文說明。當使用者提供主題、腳本或連結,並要求製作輪播、投影片或 Instagram 貼文時使用。

instagram-carousel 是什麼?

這是一個專為 Instagram 輪播貼文設計的 AI 輔助技能,目標是將技術主題、腳本或連結轉化為可直接發布的貼文。它支援五種預設視覺風格(編輯、貼紙、暗色科技新聞、極簡筆記、大膽粉彩),並能生成英文與 Hinglish 雙語貼文說明。此技能會先引導使用者確認風格與投影片數量,再進行事實查核(尤其是腳本與來源連結之間的數據與宣稱),最後規劃出包含封面、第二鉤子、內容投影片、中段鉤子、回顧投影片與行動呼籲投影片的完整架構。在實際設計前,它會提供逐張投影片的文字預覽與校對(若可用 `/ig-human` 工具),待使用者批准後才生成符合尺寸(1080×1350)與風格規範的 HTML 或設計檔案。此技能適用於 Claude Code、Cursor、Codex 等支援 Markdown 技能描述的 AI Agent 平台,能大幅減少創作者手動規劃與設計輪播貼文的時間。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/DecodeDebangi/instagram-carousel-skill/tree/main

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

在你喜歡的 AI 中提問

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

說明文件

Instagram 輪播貼文

將主題、腳本或連結轉化為可直接發布的 Instagram 輪播:一張能抓住眼球的封面、5–9 張各自承載一個觀點的投影片,以及英文與 Hinglish 雙語貼文說明。專為軟體工程師創作者頁面(科技新聞、AI 更新、給學生的工程技巧)打造,但同樣適用於任何技術主題。

0. 預設值(若使用者未特別指定,則使用以下設定)

設定預設值
帳號@decodedebangi
尺寸1080 × 1350 px(Instagram 直式 4:5)
投影片數6–9(封面 + 內容 + 行動呼籲)
風格使用者指定的風格,否則預設為 編輯式
語言投影片使用英文;貼文說明使用英文 與 Hinglish
圖片除非使用者提供,否則不使用 — 最終貼文上絕不留空白的圖片佔位符

風格檔案位於 styles/ 資料夾中。請僅讀取您正在使用的風格:

風格檔案適合
編輯式styles/editorial.md解說、路線圖、「某技術如何運作」
貼紙式styles/sticker.md有趣的小技巧、工具流程、「我的配置」
暗色科技新聞styles/dark-tech.md每週回顧、安全新聞、產品發布
極簡筆記styles/minimal-notebook.md學習筆記、學生概念、速查表
大膽粉彩styles/bold-pastel.md熱門觀點、迷思 vs 事實、單一重大數據

每個風格檔案都包含標記、元件與排版規則;templates/<style>.html 則提供可複製的封面與內容投影片範本。

1. 輸入

一旦你擁有主題或腳本,即可開始建構。只用一次訊息詢問缺少且重要的項目:風格、投影片數量、語言。不要要求圖片——而是提議稍後再加入。

先檢查格式是否合適。輪播適合具有順序性、值得重讀的點子:步驟、架構、前後對比、可供截圖的清單。如果點子只是一個宣稱、需要動態影片或真人出鏡,請告知並建議改製作 Reels。但若使用者仍堅持要做輪播,還是幫他完成。

2. 研究與事實查核(不可跳過)

  • 使用者貼上腳本/貼文: 使用他們的內容,但仍需閱讀他們提供的任何連結。在每個數字、名稱與宣稱被放到投影片上之前,先與來源比對確認。
  • 誰在說話? 如果來源是由某人撰寫來推廣自己的產品(「這是我建的東西」),請在製作前告知使用者,並在投影片上將這些宣稱與基準歸屬於該作者(「他們自己的測試」),永遠不要將其呈現為中立事實。詢問使用者想要的是推廣貼文還是解說貼文——他們通常會想要解說貼文。
  • 產品事實(Claude Code、API、工具):從官方文件取得,不要依賴記憶。指令、限制與功能經常變更。
  • 自報的數字必須保持標註為「自報」。不捏造統計數據,不添加無意義的填充內容。
  • 舉例說明(虛假的錯誤訊息、樣本路徑)只有在告知使用者這些是範例時才可使用。
  • 如果使用者的腳本與來源之間有不一致(例如「部落格列出 7 層,你的封面卻說 6 層」),請指出差異,而不是默默地選擇其中一個。

3. 規劃投影片

  1. 封面 — 必須讓沒聽過該術語的人也能看懂。以讀者的痛點或好奇心開頭(「為什麼你的 AI 代理總是忘記事情」),而不是技術名詞(「壓縮是錯誤的修復方式」)。測試:一個大二資工系學生能否在 2 秒內看懂這則貼文在說什麼? 若使用者不確定,提供 3–4 個封面文字選項,並推薦一個。
  2. 第二張投影片,第二鉤子 — 用一句話說明這件事為什麼重要。Instagram 可能會從後面的投影片開始顯示輪播,因此這張必須能獨立當作封面。不能是背景介紹或前置說明。
  3. 內容投影片 — 每張一個觀點:一個標題(≤ 6 個字,該張的重點)+ 2–4 個簡短要點或一個大數字。重要的數字使用特大字型。
  4. 中段鉤子 — 一組「陷阱/解法」配對,讓觀眾持續滑下去。
  5. 回顧投影片 — 以簡短列表或速查表呈現整篇貼文,不需前後文就能看懂,因為這是人們會截圖並轉發的投影片。務必保留帳號。
  6. 行動呼籲投影片 — 一個主要動作,若有連結則加上「留言區看連結」。
  7. 每張內容投影片(最後一張除外)底部都需要提示:「滑動」,或下一張的預告(「解法」、「哪些存活?」)。

首次出現每個產品或專有名詞時,務必介紹(「Claude Code,Anthropic 的程式碼代理工具,……」)。

在開始設計前先確認文案

在進行任何設計工作之前,先以編號列表顯示逐張投影片的文字內容,以及雙語貼文說明。如果 /ig-human 工具可用,先將投影片文字與兩種貼文說明都交給它處理,然後檢查它是否更改了任何事實、數字、產品名稱或 Hinglish 措辭。只有在使用者批准文案後才能開始建構,除非使用者要求跳過此步驟。

4. 建構

如果有可用的設計/畫布類型(例如 Claude 的設計類型):建立一個畫布,每張投影片一個畫板,每個畫板 1080 × 1350,以橫向排列(間距 80 px)。每組輪播放在自己的橫列中,並在頂部加上標題註記。遵循該類型本身的格式規則;內聯樣式、固定尺寸的根元素。

否則: 每張投影片一個獨立的 HTML 檔案(或將所有投影片疊在一個頁面中),每個投影片為固定的 1080px × 1350px 區塊,字型從 Google Fonts 載入。

所有風格都適用的規則:

  • 顏色、字型與元件都來自風格檔案。不要在同一個輪播中混用風格。
  • 全投影片背景使用內聯的 background-color + background-image——絕對不要在類別之上使用 background: 簡寫,因為它會清除網格/紋理。
  • 每張投影片使用相同的頁首與頁尾;投影片計數 n/N 必須正確。
  • 圖示:內聯 SVG。投影片上不使用表情符號。
  • 內文最小 30 px;標題 96 px+。這些是在手機上閱讀的。

溢位預算(#1 錯誤)

在撰寫每張投影片之前,先加總其高度;內容必須從頂部算起 ≤ 1180 px,這樣才不會碰到頁尾(頁尾大約在 1240–1300 位置)。

大概的行高:文字高度 ≈ font-size × line-height × 行數。 行數 ≈ 字元數 ÷(可用寬度 ÷ 字元寬度)。 字元寬度 ≈ 0.5 × font-size(Fredoka/Inter),0.6 ×(JetBrains Mono), 0.42 ×(Anton,大寫)。可用寬度約為 920 px 減去卡片內邊距。

如果超出:先刪減文字,然後縮小標題,最後縮小間距。內文絕對不小於 30 px。每張投影片最多約 4 張卡片或 5 個項目符號。

5. 貼文說明

撰寫兩個版本——英文 與 Hinglish(羅馬拼音的 Hindi 混合英文,口語化,就像創作者在 Reels 中說話的方式):

  1. 鉤子問題或粗體行(預設不使用表情符號;最多一個,很少用)
  2. 2–3 個短段落:發生了什麼事、陷阱、重點
  3. 如果貼文很實用,提供 3–4 個箭頭(→)提示
  4. 「滑動……」行、「第一個留言區看連結」、「儲存這個……」
  5. 5 個 hashtag,小寫,相關(不要 #viral、#fyp)

提供要放在第一個留言區的確切連結。只使用投影片上或來源中的事實。如果貼文推廣某人的產品,說明中需註明產品歸屬。

6. 交付

  • 用一句話告訴使用者每張投影片的內容,以及你所做的假設或無法驗證的事項。
  • 匯出:每張投影片 PNG 1×(1080 × 1350 是 Instagram 的原生直式尺寸;2× 仍會被縮小)。依序命名檔案 01-cover.png……。
  • 替代文字:至少為封面撰寫,說明投影片內容。
  • 提供選項:封面加上圖片、更換風格、或內部調整。

相關技能