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. 規劃投影片
- 封面 — 必須讓沒聽過該術語的人也能看懂。以讀者的痛點或好奇心開頭(「為什麼你的 AI 代理總是忘記事情」),而不是技術名詞(「壓縮是錯誤的修復方式」)。測試:一個大二資工系學生能否在 2 秒內看懂這則貼文在說什麼? 若使用者不確定,提供 3–4 個封面文字選項,並推薦一個。
- 第二張投影片,第二鉤子 — 用一句話說明這件事為什麼重要。Instagram 可能會從後面的投影片開始顯示輪播,因此這張必須能獨立當作封面。不能是背景介紹或前置說明。
- 內容投影片 — 每張一個觀點:一個標題(≤ 6 個字,該張的重點)+ 2–4 個簡短要點或一個大數字。重要的數字使用特大字型。
- 中段鉤子 — 一組「陷阱/解法」配對,讓觀眾持續滑下去。
- 回顧投影片 — 以簡短列表或速查表呈現整篇貼文,不需前後文就能看懂,因為這是人們會截圖並轉發的投影片。務必保留帳號。
- 行動呼籲投影片 — 一個主要動作,若有連結則加上「留言區看連結」。
- 每張內容投影片(最後一張除外)底部都需要提示:「滑動」,或下一張的預告(「解法」、「哪些存活?」)。
首次出現每個產品或專有名詞時,務必介紹(「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 中說話的方式):
- 鉤子問題或粗體行(預設不使用表情符號;最多一個,很少用)
- 2–3 個短段落:發生了什麼事、陷阱、重點
- 如果貼文很實用,提供 3–4 個箭頭(→)提示
- 「滑動……」行、「第一個留言區看連結」、「儲存這個……」
- 5 個 hashtag,小寫,相關(不要 #viral、#fyp)
提供要放在第一個留言區的確切連結。只使用投影片上或來源中的事實。如果貼文推廣某人的產品,說明中需註明產品歸屬。
6. 交付
- 用一句話告訴使用者每張投影片的內容,以及你所做的假設或無法驗證的事項。
- 匯出:每張投影片 PNG 1×(1080 × 1350 是 Instagram 的原生直式尺寸;2× 仍會被縮小)。依序命名檔案
01-cover.png……。 - 替代文字:至少為封面撰寫,說明投影片內容。
- 提供選項:封面加上圖片、更換風格、或內部調整。