文章 / AI 工具

用 Claude 做一整套唱片封面:Anthropic 官方 Canvas Design skill,先寫設計哲學再畫

裝上 Anthropic 官方的 Canvas Design skill,Claude 會先寫一份設計哲學,再用程式畫出幾何封面。一張 LP 加三張單曲共用同一套網格,放在一起就是一個系列。

你叫 AI 做唱片封面,是不是拿到一張夕陽漸層、像簡報封面的圖?大家以為要找圖、加特效。其實好封面只要三樣:一份設計哲學、只用幾何、超大的字。這篇用 Anthropic 官方的 Canvas Design skill,替虛構樂團「夜行貨櫃 Night Freight」做了一張 LP 和三張單曲。下面每一張封面,都是 Claude 在 Claude Code 裡用這個 skill 實際畫出來的,沒有照片,也沒有 AI 生圖。

01先裝 Canvas Design skill(2 分鐘)

  1. 打開 Claude Code。
  2. 輸入:/plugin marketplace add anthropics/skills
  3. 再輸入:/plugin install example-skills@anthropic-agent-skills
  4. canvas-design 就在 example-skills 這一組裡,會一起裝好。跟 Claude 說「用 canvas-design skill 幫我做…」就會用到它。

用 claude.ai 的話,先到 Settings → Capabilities 確認「程式碼執行和檔案建立」有打開,再到 Customize → Skills 把範例 skill 打開。官方說明頁寫 Free、Pro、Max 方案都能在這裡開範例 skill;GitHub 的 README 則寫付費方案已經內建。Team 和 Enterprise 要看管理員的設定。

GitHub 上 canvas-design 的 SKILL.md:名稱、說明和兩個步驟
SKILL.md 寫得很清楚:分兩步完成,先寫設計哲學(.md),再畫在畫布上(.pdf 或 .png)。

02第 1 步:貼上 prompt,叫它先寫設計哲學

這個 skill 不會一開始就畫。第一步是寫一份 4 到 6 段的設計哲學:形狀、顏色、留白、節奏要怎麼處理。這份文件就是整套封面的規則,後面每一張都照它做。

唱片封面提示詞(把[]換成你的)
用 canvas-design skill 幫我做一套唱片封面。樂團:[樂團名+英文名],[曲風]。要做:一張 LP《[專輯名]》+三張單曲《[單曲 1]》《[單曲 2]》《[單曲 3]》,每張 3000×3000 PNG。先照 skill 寫一份設計哲學,再用程式把它畫出來。參考方向(瑞士/包浩斯幾何):一個大大的平面圓或一組同心弧線當主角;一兩個響亮的顏色平塗在米白或純黑上,不要漸層、不要特效;字要超大,大到撐滿版面,資訊字反而要非常小、非常精準;嚴格網格,四張共用同一套邊界、字體和資訊位置,放在一起要像同一個系列。不要照片、不要立體效果。看起來要像入圍設計獎的唱片封面,不是簡報封面。

我們實際用的版本,多寫了樂團設定(高雄的獨立樂團,city-pop 混後搖)和 5 條參考方向。Claude 寫出來的哲學叫「信號幾何 Signal Geometry」,第一句是「一個圓,就是一整個夜晚」。

Claude 寫的設計哲學「信號幾何 Signal Geometry」節錄
Claude 寫的設計哲學(節錄):只用圓、弧、直線和長方形,色塊平塗,字極大、資訊字極小。

03第 2 步:照哲學用程式畫,只用幾何

第二步它才動手。我們在 Claude Code 裡,它用 HTML 和 SVG 寫程式畫封面,再用無頭 Chrome 輸出成 3000×3000 的 PNG。英文字用 skill 內建的字體(Work Sans、Instrument Sans、Geist Mono),中文用 Noto Sans TC。

單曲《燈塔守夜》從圓弧到標題的四個階段
用同一份程式逐層重播:圓弧先畫好,標題最後才放上去。

每一張只有一個主角,而且主角都是從歌名想出來的,不是隨便放的裝飾。

單曲《23:47》封面:黑底朱紅放射刻度組成的時鐘
單曲《23:47》:放射狀刻度就是一個時鐘,指針停在 23:47,灰色的 13 格是離午夜還剩的分鐘。
單曲《退潮》封面:朱紅底上 24 條黑色橫條和一個黑色圓
單曲《退潮》:24 條橫條是一天的潮汐表,遠看是一道側躺的波浪;09 點那條反白,標著 LOW。

04第 3 步:字放到最大(這步最關鍵)

大部分 AI 封面輸在字:標題小小一行,縮在角落。這套的規則是字大到撐破畫面,資訊字小到像儀器上的刻度。

LP《慢港》封面:巨大的直排「慢港」、朱紅弧線和朱紅圓
LP《慢港》:兩個字直排,大到從左邊和下面裁出去;11 條朱紅弧線穿過筆畫,連到右上的港口燈。

第一輪的 LP 不是這樣。它是一顆條紋夕陽加放射弧線,我們用設計檢查打回票:太像 synthwave 老梗,而且字只佔畫面下方 28%。改成讓「慢港」兩個字本身變成畫面之後,才通過。

只重做一張的提示詞(把[]換成你的)
照設計哲學,重做[LP]這一張:[不要夕陽。讓「慢港」直排變成畫面主角,大到從左邊和下面裁出去,只留一組細弧線穿過字]。其他三張和網格都不要動。
單曲《燈塔守夜》封面:直排標題和左下的黑藍四分之一圓弧
單曲《燈塔守夜》:直排標題撐滿整個高度,左下角的四分之一圓弧是燈塔的光。

05第 4 步:做成一整套,再放進唱片 mockup

四張共用同一套規則,所以放在一起就是一個系列:

  1. 左上角都是樂團名「夜行貨櫃 Night Freight」。
  2. 右上角是編號(NF-LP01、NF-S01…)和四個小圓點,實心的那一點代表第幾張。
  3. 曲目和年份這些資訊字,都用同一種等寬字、放在同一套網格上。
  4. 顏色只有朱紅、黑、米白,只有《燈塔守夜》多一個藍色,當夜晚的重點色。
四張封面並排:慢港、23:47、燈塔守夜、退潮
一張 LP 加三張單曲:四個不同的點子,放在一起還是同一個樂團。

黑膠唱片和封套的 mockup 也是 Claude 用 HTML 和 CSS 畫的,沒有用任何照片素材。

LP 封套和一張滑出來的黑膠唱片
LP 封套和黑膠:唱片紋路、圓標和陰影全部是程式畫的。

06要注意

  1. 夜行貨櫃 Night Freight 是虛構樂團,專輯、曲目、時間和編號都是示範用,四張封面由 Claude 用 Canvas Design skill 生成。
  2. Canvas Design 是 Apache 2.0 授權的開源 skill。它規定要做原創作品,不要叫它模仿某位藝術家或某張現有的封面。
  3. 字體要能商用:Noto Sans TC 是 SIL OFL 授權;用其他字體前,先確認各自的授權。
  4. 範例 skill 的開法和適用方案可能會改,以 Claude 官方說明頁為準。
  5. 上架音樂平台或送印前,先看平台的封面規格,印刷品記得打樣校色。

資料來源

延伸閱讀