用 Claude 做 Instagram 輪播：上傳產品照、貼一段 prompt，每張直接下載 PNG
在 claude.ai 上傳產品照片，用一段萬用 prompt 讓它寫 HTML + CSS 做出整套 1080×1350 的輪播，附下載按鈕；改稿一次改一個地方，做好直接上傳 IG。
在 Instagram 看這支 Reels留言關鍵字 #Carousel 就會收到這篇
Reels 裡那套輪播，不是在 Canva 一張一張拉的，是請 Claude 用 HTML + CSS 一次做出來，每張都能按按鈕下載成 PNG。
好處是整套字型、顏色、留白一定一致，而且改稿只要說一句話。這篇是完整步驟和 prompt。
013 步驟
- 打開 claude.ai（免費版也可以），上傳你的產品照片。一次上傳 3 到 5 張，讓它有得挑。
- 貼上下面的萬用 prompt，填入品牌、主題、字型和顏色。Claude 會在右側的 Artifact 視窗做出可以預覽的網頁。
- 不滿意就請它修改：「標題放大一點」「價格放大」「第 3 張換另一張照片」。一次改一個地方，它不會把其他張弄亂。
02萬用 prompt
用 HTML + CSS 幫我做一套 Instagram carousel，每張 1080×1350。 品牌：[名稱＋產業，例如咖啡店] 主題：[例如秋季新品／保濕教學] 照片：用我上傳的照片 字型＋顏色：[你的品牌] 結構：第 1 張封面當鉤子，中間每張講一個重點，最後一張提醒收藏或放優惠。 加一個按鈕，可以把每張下載成 PNG。
填好的例子：
用 HTML + CSS 幫我做一套 Instagram carousel，每張 1080×1350。 品牌：山丘咖啡，社區咖啡店 主題：秋季新品 3 款（焙茶拿鐵、黑糖肉桂、栗子奶霜） 照片：用我上傳的 3 張照片，一張對一款 字型＋顏色：標題 Noto Serif TC、內文 Noto Sans TC；底色 #F4E9D8、主色 #C57B3A、文字 #4A2C1A 結構：第 1 張封面當鉤子（「秋天的三杯」），第 2 到 4 張每張一款（名稱、一句口感、價格），第 5 張總整理，第 6 張提醒收藏＋「本週單杯 9 折」。 加一個按鈕，可以把每張下載成 PNG。
03輪播的結構為什麼這樣排
- 第 1 張是鉤子：一句話讓人想滑到下一張，不要放 Logo 和品牌名當封面。
- 中間每張只講一個重點：一個標題、一句解釋、一張圖。資訊太多就多做一張。
- 最後一張要有動作：「收藏這篇」「留言拿優惠碼」，給讀者一件可以做的事。
- 6 到 8 張是甜蜜點，太短沒有滑的感覺，太長中間會流失。
04下載和上傳
- 每張按下載按鈕，會存成 1080×1350 的 PNG。
- 檔名照順序命名（01、02、03），上傳 IG 時才不會排錯。
- IG 的輪播最多 20 張，比例要一致，全部用 4:5。
- 上傳前用手機打開看一次，確認文字在手機上夠大。
05要注意
- Artifact 做好以後可以按「Publish」分享連結，之後要再改，回到同一個對話就好。
- 照片是你自己的，才能商用。AI 生成的照片要看工具的使用條款。
- 每次改稿後重新下載全部張數，不然會有一張是舊版。