設計 · 實測
用 Claude Opus 5.5 和 Ciyo 做 Instagram 輪播貼文
輪播貼文需要兩樣影像模型很難同時給你的東西：好看的圖片，以及每一張都有好幾行精確的文字。把工作拆開，每個工具就能做自己擅長的事。
2026 年 9 月 27 日，我們為虛構桌遊咖啡館 Rook & Rabbit 做了一組四張的輪播貼文。插畫由 Ciyo 製作；版面和文字由 claude.ai 裡的 Claude Opus 5.5 負責。Ciyo 並不提供 Claude Opus 5.5。
為什麼把圖片和文字分開
影像模型寫字的能力已經進步很多，但一組輪播四張加起來有幾十個字，只要錯一個字母就得重新生成。用程式碼排的文字從結構上就是精確的，改個日期也只要幾秒。
所以我們請 Ciyo 生成完全不含文字、留有標題空白區的圖片，其餘全部交給 Opus 5.5。
2026-09-26 發布。一位 App 創辦人寫道，他只給 Opus 5.5 一個提示詞，就做出了自家 App 的整套輪播素材。這是一則介紹他自家產品的短貼文，沒有分享做法；下面的測試示範一種做法，以及需要檢查的地方。
步驟 1：在 Ciyo 裡做不含文字的插畫
在 Ciyo 的 Image Generator（圖片生成器）裡，我們選了 GPT Image 2.5 Flare、Instagram 直式貼文使用的 4:5 比例、2K 和兩張圖，共 6 點數。提示詞要求下半部是從上方俯視的咖啡館桌面，上方 40% 是一塊用來放標題的純綠色區域，使用品牌色，而且不要任何文字。
兩張圖都以 1,792 × 2,240 回傳，空白的綠色區域在我們要求的位置，也沒有多餘的字。我們把它們縮成 Instagram 的直式尺寸 1,080 × 1,350。
為桌遊咖啡館的 Instagram 輪播貼文畫一張扁平風格的編輯插畫：從正上方俯視一張圓形木製咖啡桌，桌上有一副西洋棋盤、兩顆骰子、一小疊卡牌和兩杯咖啡，擺在畫面下半部。畫面上方 40% 是一塊純深綠色（#1F4D3A）區域，裡面什麼都沒有，之後會加上標題。使用深綠、奶油色（#F3E9D2）和少許溫暖的琥珀色。乾淨的扁平向量風格，柔和陰影。不要文字、不要字母、不要數字、不要標誌。步驟 2：給 Opus 5.5 的版面需求說明
我們附上兩張插畫和標誌，給 Opus 5.5 每一張的確切文字、90 像素的安全邊距和三種品牌色：「Make a 4-slide Instagram carousel for Rook & Rabbit … Each slide is 1080 x 1350. Build it as one self-contained HTML file … Keep all text inside a 90 px safe margin, and use only #1F4D3A, #F3E9D2 and #B06A10 for text and shapes.」（為 Rook & Rabbit 做一組 4 張的 Instagram 輪播……每張 1080 x 1350。做成一個獨立的 HTML 檔……所有文字都要在 90 px 的安全邊距內，文字和形狀只用 #1F4D3A、#F3E9D2 和 #B06A10。）完整的需求說明，連同每一張的文字，都在截圖裡。
Opus 5.5 交出的成果
幾分鐘內，它回傳一個 545,178 位元組、內嵌圖片的 HTML 檔，以及四張的預覽。第 1 張把「Saturday Game Night」（星期六遊戲之夜）放進空白的綠色區域，開始日期放在一個有外框的膠囊標籤裡。第 2 張用顯示一、二、三點的骰子為三個步驟編號，所以不必另外加字。第 3 張把城堡加兔耳的符號放大，放在價格和時間上方。第 4 張把標誌放在一塊奶油色方塊上，旁邊是「Book a table」（訂位）。
它檢查了自己的成果：算繪每一張、把城堡標記縮小、重新檢查邊距，並搜尋檔案裡用到的顏色。它也告訴我們一件有用的事：它的測試算繪用的是備用字型，而 Georgia 比較寬，所以「Pick a game from our shelf」（從我們的架上挑一款遊戲）在某些裝置上可能會換行。
我們量測的結果
我們在 Chromium 裡以 Georgia 算繪每一張，並量測每一行文字。所有文字都在 90 像素的邊距內；最靠近邊緣的一行「Saturdays 6 pm」在寬 1,080 像素的畫面上，從 106 像素延伸到 974 像素。檔案的程式碼只用了三種品牌色。那個提醒是對的：用 Georgia 時，「Pick a game from our shelf」會換成兩行，讓「shelf」單獨留在第二行。
有一處自作主張：在第 3 張，Opus 把「Free entry · Saturdays 6 pm」（免費入場 · 每週六晚上 6 點）拆成兩行，中間的圓點自己佔一行。文字是精確的，但這一行被拆開了。如果某一行必須保持完整，請在需求說明裡寫明。
| 張次 | 文字 | 在 90 px 邊距內 | 備註 |
|---|---|---|---|
| 1 | 「Saturday Game Night · Starts 3 October」 | 是 | 標題在空白的綠色區域 |
| 2 | 「How it works」＋三個步驟 | 是 | 「shelf」單獨換到第二行 |
| 3 | 「Free entry · Saturdays 6 pm」 | 是 | 在圓點前後拆成兩行 |
| 4 | 「Book a table · rookandrabbit.example」 | 是 | 標誌在奶油色方塊上 |
發布，然後重複使用
要發布時，把每一張截成 1,080 × 1,350 的圖，或算繪成 PNG，再依序上傳。第 2 張的孤字問題，可以縮短那個步驟的文字，或把文字框稍微加寬來解決。
下週只要換掉日期和圖片，檔案留著繼續用。在 Ciyo 裡用同樣的顏色生成新的無文字圖片，替換進去，版面、字型和邊距都會維持不變。
用 Claude Opus 5.5 和 Ciyo 做輪播貼文
為什麼不把整張輪播圖直接生成成一張圖片？
生成圖片裡的文字可能拼錯，而且每次修改都得重新生成一張。用程式碼排的文字是精確的，改起來也快。
Instagram 輪播圖應該做多大？
我們用的是 1,080 × 1,350 像素，也就是 4:5 的直式尺寸。Ciyo 以 2K 的 4:5 比例產出 1,792 × 2,240，我們再縮小。
Ciyo 這一步花了多少？
2026 年 9 月 27 日，用 GPT Image 2.5 Flare 生成兩張 2K 的 4:5 圖片，花了 6 點數。
我可以在 Ciyo 裡使用 Claude Opus 5.5 嗎？
不行。Ciyo 並不提供 Claude Opus 5.5。請在 Ciyo 裡做圖片，在 claude.ai 裡做版面。
在 Ciyo 裡製作輪播圖片
選擇 4:5、描述場景、替標題留出空間，並要求不要任何文字。