人來過

用 Claude 做 IG 輪播貼文

初階+進階教學 — 三步驟從文案到成品

← 返回首頁
3
步驟搞定
0 元
免費版就能用
2 種
初階+進階
1
初階篇
手機或電腦都能用,免費版就行
準備

你需要什麼

  • 一個 Claude 帳號(免費版就行)
  • 打開 claude.ai(電腦)或下載 Claude App(手機)
  • 不需要會設計、不需要會寫程式
STEP 1

告訴 Claude 你的帳號定位

先讓他了解你是誰。這段只要說一次,之後他就記住了。

你是一位 IG 內容策略師。 我的帳號是做 ___(你的領域,例如:美甲教學) 受眾是 ___(你的客群,例如:20-35歲想學美甲的女生) 風格偏 ___(專業感 / 親切感 / 簡約風) 接下來我會請你幫我寫輪播文案,請根據這個定位來產出內容。
為什麼要先做這步?因為 Claude 不認識你,給他定位後,他寫出來的文案才會像你自己寫的,不會太制式。
STEP 2

請他寫輪播文案

直接複製下面這段,把主題換成你想講的就好。

幫我寫一組 7 張 IG 輪播文案 主題是:___(你想講的主題) 第一張要有吸引力的標題 最後一張放行動呼籲 每張控制在 30 字以內
不滿意?繼續跟他說就好:
「第三張太硬,口語一點」
「封面改成問句」
「最後一張加上追蹤帳號的 CTA」
他會改到你滿意為止。
STEP 3

讓他直接做成卡片

Claude 會產出 HTML 卡片,直接截圖就能上傳 IG。

用 HTML + CSS 做成 7 張獨立的 IG 輪播卡片 每張固定寬 1080px 高 1350px(4:5 比例) 風格:深色背景 白色大字(或你想要的風格) 右下角放 @你的帳號 每張卡片之間留間距,方便我逐張截圖
截圖方式:
Mac:Cmd + Shift + 4,框選每張卡片
Windows:搜尋「截圖工具」,框選即可
手機:直接螢幕截圖後裁切
加分技巧

丟一張背景圖,質感直接升級

找一張你喜歡的圖片上傳給 Claude,然後說:

用這張圖當背景 加上半透明深色遮罩 讓文字看得清楚

免費圖庫推薦:UnsplashPexels(搜英文關鍵字效果更好)


2
進階篇
HTML + 自動截圖,專業品質批量生成

如果你想要更高品質、自訂字體、批量生成,這是我自己在用的方法。

進階

你需要什麼

  • Claude Code(CLI 版本)或 claude.ai + 手動操作
  • Python 3 + Playwright(自動截圖用)
pip install playwright && playwright install chromium
進階 STEP 1

讓 Claude 生成 HTML 檔案

不是截圖,而是直接產出一個 HTML 文件。每張卡片是一個 div,可以精確控制排版。

幫我做一組 7 張 IG 輪播的 HTML 檔案 每張卡片是一個 div,尺寸 1080x1350px 用 Google Fonts 載入 Noto Serif TC(標題)和 Noto Sans TC(內文) 背景用這張圖加深色半透明遮罩 主題:___ 風格參考:深色底、白色大字、金色重點色 每張 div 加上 page-break-after: always
進階 STEP 2

用 Playwright 自動截圖

一段 Python 腳本,7 張圖全部自動產出,不用手動截一張。

python3 -c " 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') browser.close() "
你的路徑 換成你存 HTML 的實際位置。跑完後 output 資料夾裡就有 7 張 1080x1350 的 PNG。
進階優勢

為什麼要用進階方法?

  • 自訂字體 — 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。你只要等結果。

覺得有用?追蹤我的帳號

更多 AI 工具教學 + 一人公司實戰分享

@kanisleo328

覺得有用?引用這篇分享給更多人