準備
你需要什麼
- 一個 Claude 帳號（免費版就行）
- 手機下載 Claude App 或電腦打開 claude.ai
- 不需要會設計、不需要會寫程式
第一步：讓 Claude 幫你寫文案 + 做卡片
複製這段 Prompt，填空送出
手機或電腦都一樣，複製貼到 Claude 對話框就好。
你是一位 IG 內容策略師。
我的帳號是做 ___（你的領域，例如：美甲教學）
受眾是 ___（你的客群，例如：20-35歲想學美甲的女生）
風格偏 ___（專業 / 親切 / 簡約）
幫我做一組 7 張 IG 輪播：
1. 先寫文案，主題是：___
第一張要有吸引力的標題
最後一張放行動呼籲
每張控制在 30 字以內
2. 寫完後直接做成 HTML 輪播卡片
每張大小 1080x1350px（IG 輪播適合的 4:5 比例）
字體用思源宋體粗體
文字要大到填滿版面 不要留太多空白
風格：深色背景 白色大字（或你想要的風格）
右下角放 @你的帳號
3. 請幫我輸出成 PNG，每張都是 2K 畫質
不滿意？繼續跟他說：
「第三張太硬，口語一點」／「字再大一點」／「背景換暖色調」
多來回幾次是正常的，調到滿意為止。
重要提醒：
Claude 每次產出不一定完美，不要第一次就用。
• 字太小 →「標題字放大，填滿版面」
• 排版空洞 →「文字置中，不要留太多空白」
• 風格普通 → 丟一張你喜歡的輪播圖給他，說「參考這張風格」
方案 A 推薦
手機生成 → 直接點開下載 PNG
最快的做法，整支手機搞定，不用開電腦截圖
- 手機打開 Claude App，貼上面的 Prompt（記得最後一行「請幫我輸出成 PNG，每張都是 2K 畫質」不要刪）
- Claude 會一張一張把 PNG 貼在對話裡
- 每張 PNG 點開 → 長按 → 存到相簿（iOS）／下載（Android），或直接點右上角下載圖示
- 全部存完後，打開 IG 一次選 10 張上傳
為什麼這招比以前的「電腦截圖」好：
• 解析度是 Claude 原生輸出的 2K，不會因為截圖被壓縮
• 不用在手機／電腦之間切換
• 不會手抖截歪
沒拿到 PNG？先跟 Claude 說「再幫我把這組輸出成 PNG 一張一張給我」；還是不行就改走下面這個備用路線。
備用路線
手機生成 → 電腦截圖
Claude 沒幫你輸出 PNG 時的 plan B
- 手機 Claude App 裡那組卡片調到滿意
- 電腦打開 claude.ai（同一個帳號，對話會同步）
- 在電腦上看到同一組卡片，用截圖工具逐張截圖
截圖方式：
Mac：Cmd + Shift + 4，框選每張卡片
Windows：搜尋「截圖工具」，框選即可
方案 B 純手機
手機 Claude + Canva App
沒有電腦也能做
- 手機 Claude App 貼 Prompt，只讓他寫文案就好（不用做 HTML 卡片）
- 下載 Canva App（免費），搜尋「IG 輪播」模板
- 選一個你喜歡的模板，把 Claude 寫的文案貼進去
- 調整顏色、字體、背景圖
- 直接從 Canva 下載 → 上傳 IG
方案 B 的 Prompt 不同：不需要讓 Claude 做 HTML，只要文案就好。
你是一位 IG 內容策略師。
我的帳號是做 ___（你的領域）
受眾是 ___（你的客群）
風格偏 ___（專業 / 親切 / 簡約）
幫我寫一組 7 張 IG 輪播文案
主題是：___
第一張要有吸引力的標題
最後一張放行動呼籲
每張控制在 30 字以內
我會用 Canva 排版 所以只要給我文字就好
Canva App 下載：iOS ／ Android（免費版就夠用）
加分技巧
丟一張背景圖，質感直接升級
方案 A 適用：找一張喜歡的圖片上傳給 Claude，然後說：
用這張圖當背景
加上半透明深色遮罩
讓文字看得清楚
免費圖庫：Unsplash、Pexels（搜英文關鍵字效果更好）
如果你想要更高品質、自訂字體、批量生成，這是我自己在用的方法。
進階
你需要什麼
- Claude Code（CLI 版本）或 claude.ai + 手動操作
- Python 3 + Playwright（自動截圖用）
pip install playwright && playwright install chromium
進階 STEP 1
讓 Claude 生成 HTML 檔案
在 claude.ai 或 Claude Code 裡貼這段 prompt：
幫我做一組 7 張 IG 輪播的 HTML 檔案
每張卡片是一個 class="card" 的 div，尺寸 1080x1350px
用 Google Fonts 載入 Noto Serif TC（標題）和 Noto Sans TC（內文）
背景用純色或漸層（深色底）
主題：___
風格參考：深色底、白色大字、金色重點色 #fbbf24
文字要大到填滿版面
每張 div 加上 page-break-after: always
把完整 HTML 給我 讓我可以存成 .html 檔案
存檔方式：
Claude 會產出一段 HTML 程式碼。
1. 複製全部程式碼
2. 打開任何文字編輯器（記事本、VS Code 都行）
3. 貼上，存檔為 carousel.html
4. 記住存檔的路徑（下一步要用）
進階 STEP 2
安裝 Playwright（一次就好）
在 Terminal 裡執行：
pip install playwright && playwright install chromium
這步只需要做一次，之後不用再裝。
進階 STEP 3
自動截圖（一行指令）
把下面的腳本存成 screenshot.py，然後執行 python3 screenshot.py：
from playwright.sync_api import sync_playwright
import os
with sync_playwright() as p:
browser = p.chromium.launch()
page = browser.new_page(viewport={"width": 1080, "height": 1350})
page.goto("file:///你的路徑/carousel.html")
page.wait_for_load_state("networkidle")
cards = page.query_selector_all(".card")
os.makedirs("output", exist_ok=True)
for i, card in enumerate(cards):
card.screenshot(path=f"output/slide-{i+1}.png")
print(f"完成！產出 {len(cards)} 張圖在 output/ 資料夾")
browser.close()
注意：
• 把 你的路徑 換成你存 carousel.html 的實際位置
• Mac 範例：file:///Users/你的名字/Desktop/carousel.html
• Windows 範例：file:///C:/Users/你的名字/Desktop/carousel.html
跑完後 output 資料夾裡就有 7 張 1080x1350 的 PNG，直接上傳 IG。
進階優勢
為什麼要用進階方法？
- 自訂字體 — Google Fonts 任選，不受 Claude 預設限制
- 精確排版 — CSS 控制每一個間距、顏色、字級
- 批量生成 — 改文案後重跑一次就好，不用重新截圖
- 背景圖 — 品質不壓縮，跟原圖一樣清晰
- 一致性 — 每組輪播風格統一，建立品牌識別
Pro Tip
用 Claude Code 全自動
如果你有 Claude Code（CLI 版），整個流程一句話搞定：
幫我做一組 IG 輪播，主題是「___」，
用 HTML+Playwright 生成 1080x1350 的 PNG，
深色底白字金色重點，背景用 Unsplash 的圖，
字體用 Noto Serif TC，截圖存到 /tmp/carousel/
Claude Code 會自己寫 HTML、下載背景圖、跑 Playwright、產出 PNG。你只要等結果。
名詞解釋
看不懂的英文在這裡
| HTML | 網頁的語言。你看到的所有網頁都是用 HTML 寫的。Claude 會幫你寫，你不需要懂。 |
| CSS | 控制網頁長什麼樣的語言（顏色、字體、排版）。跟 HTML 搭配用的。 |
| Playwright | 一個自動截圖工具。它會打開一個看不見的瀏覽器，幫你把每張卡片截成圖片。免費。 |
| Python | 一種程式語言。Playwright 需要用它來跑。Mac 內建就有，不用額外安裝。 |
| Terminal / 終端機 | 電腦上打指令的地方。Mac 按 Cmd+空白鍵搜尋「Terminal」就能打開。 |
| Claude Code | Claude 的進階版本，在 Terminal 裡面跑。可以直接操作你的檔案和電腦。 |
| Google Fonts | Google 提供的免費字體庫。Noto Serif TC 和 Noto Sans TC 是裡面的中文字體。 |
| PNG | 一種圖片格式。跟 JPG 類似，但品質更好、支援透明背景。 |
| 1080x1350px | IG 輪播的標準尺寸（寬 1080 像素、高 1350 像素），比例是 4:5。 |
| pip install | 安裝 Python 工具的指令。在 Terminal 裡打就好，跟 App Store 裝 App 一樣的意思。 |