Communitygithub.com

封面設計

當文章或影片需要一個以文字為主的編輯風格封面,採用版畫拼貼風格,只需一句話或一個標題即可生成,或當現有封面需要品牌色彩變體、文字編輯或 4:3、3:4、16:9 比例調整時使用。

封面設計 是什麼?

這項技能專注於為文章或影片生成以文字為優先、具有版畫拼貼風格的封面。其核心優勢在於:只需用戶提供一句話或一個標題,就能自動完成從文案提煉、視覺隱喻設計到版式編排的完整工作流程。技能支援多種內容入口:有文章連結時會先閱讀內文;有內文或摘要時會提煉精準短標題;僅有明確標題時則逐字保留。它支援 Claude Code、Cursor 等開發者工具,透過將文案、隱喻、版式、配色、比例等所有規格一次寫入提示詞,再交給影像生成工具輸出。技能內建了比例(4:3、3:4、16:9)、配色(四套預設低飽和淺底方案)與風格(版畫刻線、半色調、紙張疊層)的預設決策系統,可自動補齊用戶未指定的設計欄位。此外,它還支援定點編輯(僅改文字或顏色)與從新畫布重新生成兩種修改模式,並包含完善的檢查與交付流程,確保文案校對、視覺完整性與比例精確度。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/clarkzoe2026-a11y/cover-design-skill/tree/HEAD/skills/cover-design

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

封面設計 · 文字優先的版畫拼貼封面

把文章的核心動作畫成一個容易理解的場景,讓標題在縮圖中先被讀到。適用於獨立封面,不用於製作網站頁面、UI 原型或複刻個人作品集。

一句話就能用

面向非設計成員:一句話就夠了,不要求填標籤、副標題、色號、風格或比例,不設生成前的腳本文案審批關卡,也不承諾一次成功。預設直接出圖,生成後按「檢查與交付」自檢。先判斷內容入口:

  • 有文章連結:先讀取正文或找到可靠本地正文;讀不到就說明缺口,不把未讀正文當成僅標題任務。
  • 有正文或摘要:提煉精準短標題(說清核心動作、對象、結果;避免只寫泛泛的起點和終點),再按內容選標籤、說明、底部流程,讓每一層各補一條新資訊;實操文章把正文步驟壓成簡潔流程,替代「完整實操」等空泛重複。原文標題只用於識別文章,不自動等於必須逐字上封面的文案;用戶明確要求原話時才鎖定。層數由內容決定,不硬湊四層,刪掉不增加資訊的重複修飾。
  • 只有明確標題:直接生成,逐字保留標題文字;插畫只表達標題本身能支援的主題,不要求補全文,不添加數字、功能、結論、身份、機構或系列名。
  • 標題與可用內容都沒有:才簡短問一句「封面想講什麼主題?」,不追問其他欄位。

標籤、副標題可由用戶指定,也可在有正文時據內容提煉;僅有標題且無補充內容時省略,不憑空編造。配色、風格、比例不需要用戶提供,按「預設決策」自動補齊。

預設決策:比例、配色與風格

比例:用戶明確的比例或平台規格優先;沒指定時預設只生成一張 4:3,不預設生成一堆圖消耗額度。

用戶的自然說法處理
「豎版」3:4
「寬螢幕」「影片橫封面」16:9
「三個版本」「全部常用比例」4:3、3:4、16:9 各一張,分別重新構圖
明確的平台像素/比例規格按規格,並如實報告實際輸出尺寸

配色:已有品牌色或上文指定色優先;否則從 配色與提示詞 的四套預設中選一套。四套都是接近紙白的淺底,各自帶一點微弱色相與足夠深的字,強調色只用於標籤或一小塊紙片;不固定為青色。同一主題預設保留已有配色:多比例批次、只改字、只改色、基於現有圖繼續調整都沿用那一套。只有用戶明確說「換個顏色」(或「藍一點」等方向微調),或可見上下文中出現另一個獨立的新任務且未指定顏色時才重新選;輪換只用於這類獨立新任務,不聲稱嚴格隨機、不依賴跨工作階段記憶、不額外生成色板圖。

風格基線:背景接近紙白,只留微弱低飽和色與細紙紋,深色字保持對比;四角預設乾淨,不額外加角落撕紙;內部標籤、底部流程紙條與連接紙帶保留自然撕邊、細纖維和柔和紙影,不因清理四角而一起抹平。頂部標籤可在同色系內使用比背景更鮮明的強調色,以小面積提亮,保持深字對比,避免螢光感;其餘區域仍低飽和。全體文字用同一家族的現代無襯線,以資訊優先級同時分配字重與字型大小:主標題 Bold、標籤 Medium、說明與底部 Regular,插畫裡的範例文字也應從屬;不能各層都用粗黑字,也不能只靠縮字型大小或降低透明度偽裝輕重。字重數值與字形高度參考見量化版式基線;版畫刻線、半色調、紙片疊層與柔和投影只用於插畫與紙張,不帶入宋體、明朝體等襯線字。用戶另有要求時按其方向設計並保持文字對比,不把這些偏好變成所有封面的禁令。

自然話直接接受,不反問設計欄位:「換個顏色」換一套預設並鎖住文案、構圖、字重、比例與其餘部分;「藍一點」「暖一點」按方向在預設內微調;「只把 X 改成 Y」保留現有顏色、字形、構圖和比例。需要時讀 比例和編輯。

生成方法:一次寫全生成規格

  1. 定文案:按上面的內容入口產出一套互補文案。主標題用最少且準確的字說明核心動作、對象與結果;標籤、說明、流程各補一條新資訊,說明和步驟用較小文字,避免兩行長文同等加粗。用戶明確指定封面原話時逐字保留。
  2. 定隱喻:用一句可畫的話定義「誰把什麼從什麼狀態變成什麼結果」。插畫只表達這一個核心轉變,同一結果只出現一次;不把正文每一步都畫出來,不堆機器、膠卷或多個影片幀。換主題就換主體與動作,不把某一篇文章的裝置、房屋、手或瀏覽器換字復用到所有主題;只畫標題能支援的內容。
  3. 定版式:把標籤、說明、主標題、流程、插畫、邊距與留白作為一個整體協調安排,需要時聯動縮放與重排。先約束整組資訊的外框,再協調標題與插畫,避免邊緣塞滿或縮成中央小團;16:9 橫版採用量化版式基線,不能只寫「中字型大小/多留白」;文字區域佔半幅不等於字形撐滿,不機械放大文字,也不強制隔成兩欄。橫版左文右圖、豎版上文下圖只是起點;紙片延伸與適度疊合可讓字圖成為一個整體,文字壓在安靜圖面上時保持清晰,不讓插畫蓋住筆畫。引號、紙片也計入安全邊界;按目前畫幅把整組外框、各層範圍、字形高度與行間淨距一起寫入提示詞。16:9 基線是可複用起點,生成後複核偏差;換比例、長標題或用戶另有佈局要求時重設,不將像素值硬套到所有畫幅。
  4. 一次寫全提示詞再生成:把文案與層級、主隱喻、版式與留白、字體、背景、配色、比例一次性完整寫進同一條提示詞,再交給目前環境可用的圖像生成/編輯工具出圖。預設使用內建 ImageGen;沒有工具時說明限制,交提示詞或詢問可用方案,不把程式碼畫的佔位圖稱為成品,不自動切換付費 API。不承諾一次成功;生成後按「檢查與交付」逐字核對文案並看縮圖。
  5. 重新生成還是定點編輯:整體重設計,或用戶明確要求「重新生成 / 別在舊圖上改」時,從新畫布生成,不把提示詞拆成多次補丁疊在舊圖上。只改字或只改顏色時仍走定點編輯,以指定現有圖為編輯目標,鎖住其餘字形、配色、構圖與比例;不一刀切禁止編輯。兩個分支依用戶意圖區分,見「多比例與修改」。

目前效果參考:霧藍字重層級、暖紙白與橙色標籤。借鑒層級、體量與紙張關係,不複製範例文案或主題;兩圖的確認範圍見倉庫效果圖清單。

參考圖分別標註作用:字形與層級、畫法、顏色或編輯目標。只借鑒用戶要求的部分,不帶入參考圖的個人網站、真實人名、網址、客戶案例或舊標題。自帶 橫版風格參考 只約束紙張、版畫拼貼與字圖關係,不是每張圖都要複製的主體;只借畫法時按目前標題長度重設字型大小。

多比例與修改

  • 4:3:左文右圖可作起點,標題長時縮小插畫並保留明確間隔。
  • 16:9:利用橫向空間調整圖文比例,不把 4:3 拉寬。
  • 3:4:重新組織成上文下圖或錯位構圖,不裁掉橫版標題,不靠補邊交差。
  • 每個請求的比例單獨生成,前一張已認可圖可作風格參考;保留舊版,另存新版本。具體適配例見 比例和編輯。
  • 定點編輯(只改字 / 只改色):以指定現有圖為編輯目標,鎖住其餘文案、字形、配色、構圖、比例;不因兩個字或一次背景提淺就重建整幅圖。
  • 從新畫布生成(整體重設計 / 明確重新生成):不傳舊圖作編輯目標,按上面 5 步重新構圖。

檢查與交付

查看生成後的真實圖片,逐字核對文案、層級與重點詞,檢查無圖文遮擋、邊緣與四角完整乾淨、隱喻對應主題、沒有帶入參考圖的私人內容;用縮圖檢查標題能否先被讀到。檔案尺寸/雜湊不能代替審美驗收。

16:9 先按量化基線檢查整組資訊範圍,再看字形、插畫與撕紙關係;指標只作過空/過滿的複核提示,不因數值達標就宣佈視覺通過。

讀取實際像素尺寸;原生輸出可能有一像素量級的比例取整,報告真實尺寸,不把近似比例說成精確指定像素。嚴格像素要求未滿足時繼續處理或明確報告缺口。

把最終候選存入目前工作區,提供圖片或下載連結;同時保留生成提示詞、參考範圍及實際尺寸。批量時用清單將每個主題映射到明確版本,不能按目錄順序猜。生成、自檢、用戶通過分別記錄;用戶沒明確確認,不寫「已驗收」,也不把某一版的通過套給其他版本。

相關技能