前言¶

在 Cursor、Claude Code 等 AI 編程工具裏寫代碼、改文檔已經不算新鮮，但要做一張像樣的海報、活動主視覺或品牌插畫，很多人還是會切到 Figma、Canva，或者反覆跟通用對話模型描述「再大氣一點」「字別擋圖」。問題在於：AI 擅長生成文字和代碼，卻不一定自帶穩定的設計流程——排版規則、字體選擇、留白比例，每次都要從零講一遍。

Anthropic 在官方 Skills 倉庫裏提供了一個叫 canvas-design 的示例 Skill。它把「先確立設計哲學，再在畫布上表達」這套工作流寫進 SKILL.md，讓 Agent 按固定步驟產出 .md 設計宣言和 .pdf / .png 成品。本文基於官方倉庫原文覈實，介紹它是什麼、怎麼裝、怎麼用，以及適合哪些場景。

這是什麼¶

canvas-design 是 Anthropic 維護的 Agent Skill，倉庫地址：

https://github.com/anthropics/skills/tree/main/skills/canvas-design

官方 frontmatter 中的描述是：基於設計哲學（design philosophy），在 .png 和 .pdf 中創作視覺作品；當用戶要求做海報、藝術品、設計或其他靜態視覺內容時使用；需創作原創視覺，不得複製現有藝術家作品以避免版權風險。

它屬於 anthropics/skills 倉庫中的 Creative & Design 示例 Skill，採用 Apache 2.0 許可證（見目錄內 LICENSE.txt）。Skill 本體是一個文件夾，核心文件是 SKILL.md，另附帶 canvas-fonts/ 字體資源目錄（內含多款 OFL 授權 .ttf 及對應許可說明）。

與「直接讓 AI 畫一張圖」不同，canvas-design 強調兩步走：

1. 設計哲學創作：先寫一份 4–6 段的美學運動宣言（輸出 .md），定義形式、空間、色彩、構圖等視覺語言。
2. 畫布表達：在同一套哲學指導下，把理念落到單頁 .pdf 或 .png（默認單頁，可按需擴展多頁）。

最終交付物以視覺爲主：官方要求成品約 90% 視覺設計、10% 必要文字，文字僅作點綴，信息通過空間與形式傳達，而不是大段說明。

核心功能與亮點¶

1. 設計哲學優先，而非套模板¶

Skill 明確要求創建的是 visual philosophy（視覺哲學），不是佈局模板。Agent 需要爲運動命名（1–2 個詞，如官方示例中的 “Brutalist Joy”、”Chromatic Silence”），再用 4–6 段文字闡述該哲學如何通過空間與形式、色彩與材質、尺度與節奏、構圖與平衡、視覺層級來呈現。

哲學文檔應強調：最終作品須呈現 大師級工藝感——反覆提及「精心打磨」「深度專業」「 painstaking attention」等表述，爲後續畫布階段設定品質基準，同時給執行階段保留 interpretive room（interpretive choices）。

2. 隱性主題嵌入，提升作品深度¶

在落筆畫布前，Skill 要求從用戶原始需求中 deduce subtle conceptual thread（推斷隱性概念線索）。主題不應直白標註，而應像爵士樂裏的引述——熟悉者能感知，路人仍覺得是一幅優秀的抽象構圖。設計哲學提供美學語言，隱性主題提供作品的「靈魂」。

3. 博物館級單頁視覺輸出¶

畫布階段的目標，官方表述爲 museum or magazine quality（博物館或雜誌級品質）。具體約束包括：

• 默認輸出 單頁 高視覺密度 PDF 或 PNG（用戶要求時可做多頁）。
• 文字極簡，且所有元素必須在畫布邊界內，不得重疊、不得溢出，留足邊距。
• 優先使用 ./canvas-fonts 目錄中的字體；可下載所需字體，Typography 本身應成爲畫面的一部分。
• 傾向重複圖案、精確幾何、有限但 intentional 的色板；可借用「科學圖鑑」式視覺語言（系統標記、clinical typography）表達抽象主題。
• 即使用戶提到電影、遊戲、書籍等題材，風格仍須 sophisticated，避免卡通化或業餘感。

4. 二次精修，而非堆素材¶

官方 FINAL STEP 規定：用戶隱含要求「還不夠完美，必須 pristine」。 refine 時應 避免繼續堆圖形，而是在現有構圖上拋光——讓排版更 crisp、色彩更 cohesive，而不是再加濾鏡或新形狀。Skill 要求 Agent 做 second pass，回到生成代碼/繪製的實現裏繼續打磨。

5. bundled 字體與版權意識¶

canvas-fonts/ 目錄預置 Work Sans、JetBrains Mono、Instrument Sans 等多款字體及 OFL 許可文件，便於 Agent 本地選用，無需每次臨時找字庫。同時 Skill 在 description 中強調 原創、不抄襲現有藝術家作品，這是使用時的合規底線。

安裝與啓用¶

canvas-design 遵循通用 Agent Skill 格式（SKILL.md + 資源目錄），可在 Cursor、Claude Code、Claude.ai 等支持 Skills 的環境中使用。以下方式均來自官方 README 或各工具公開文檔，按環境選擇其一即可。

目錄結構¶

安裝完成後，Skill 目錄應至少包含：

canvas-design/
├── SKILL.md
├── LICENSE.txt
└── canvas-fonts/
    ├── WorkSans-Regular.ttf
    ├── JetBrainsMono-Regular.ttf
    └── ...（更多 OFL 字體及許可說明）

注意：必須連同 canvas-fonts/ 一併複製，否則 Agent 無法按 Skill 要求檢索本地字體。

在 Cursor 中使用¶

Cursor 會從 .cursor/skills/（項目級）或 ~/.cursor/skills/（用戶級）自動發現 Skill。推薦將完整目錄放入項目倉庫，便於團隊共享：

# 克隆官方倉庫（淺克隆即可）
git clone --depth 1 https://github.com/anthropics/skills.git /tmp/anthropics-skills

# 複製 canvas-design 整個目錄到 Cursor Skills 路徑
mkdir -p .cursor/skills/canvas-design
cp -r /tmp/anthropics-skills/skills/canvas-design/* .cursor/skills/canvas-design/

重啓 Cursor 或重新打開項目後，Agent 會根據 description 自動匹配視覺設計類任務；也可在對話中顯式調用 /canvas-design 或 @canvas-design（具體以當前 Cursor 版本爲準）。

name 字段須與文件夾名一致，均爲 canvas-design（小寫、連字符）。

在 Claude Code 中使用¶

官方 README 提供 Plugin 安裝方式。canvas-design 屬於 example-skills 插件集（Creative & Design 示例）：

/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

安裝後，在對話中提及海報、視覺設計等需求，或直接說明「使用 canvas-design skill」即可觸發。

在 Claude.ai 與 API 中¶

官方說明：anthropics/skills 中的 example skills 對已付費 Claude.ai 計劃用戶 已經內置可用。自定義 Skill 的上傳與 API 用法見 Anthropic 文檔 Using skills in Claude 與 Skills API Quickstart。

典型用法示例¶

canvas-design 沒有單獨的 CLI 命令，使用方式是 自然語言描述需求 + Skill 被加載後 Agent 按 SKILL.md 執行。下列提示詞方向與官方 description 及工作流一致，可直接復現。

示例 1：活動海報¶

使用 canvas-design skill，爲一場關於「本地 LLM 推理優化」的技術 Meetup 做一張單頁海報。
風格偏瑞士國際主義，主色深藍與少量橙色點綴。
輸出設計哲學 .md 和最終 PNG。

Agent 預期行爲：

1. 撰寫設計哲學 .md（命名美學運動、4–6 段闡述）。
2. 從需求中提煉隱性主題（如「邊緣計算」「延遲」）， subtle 嵌入構圖。
3. 用 Python 等工具繪製畫布，從 ./canvas-fonts 選字體，導出 .png。
4. 二次精修，檢查無元素重疊、邊距合格。

示例 2：品牌視覺單頁¶

幫我做一頁 PDF 視覺作品，主題是「開源協作」，不要文字段落，只允許少量標籤式文字。
先寫 design philosophy，再生成 PDF。

示例 3：多頁畫冊（可選）¶

官方 MULTI-PAGE OPTION 說明：用戶明確要求多頁時，可在同一設計哲學下做 distinctly different 的後續頁面，像咖啡桌畫冊的內頁，敘事 tasteful、各頁有 twist。可提示：

在 canvas-design 流程下，基於同一份設計哲學，再追加 2 頁不同構圖的 PNG，三頁風格統一但有變化。

工作流小結¶

適用場景與注意事項¶

適合誰、什麼場景¶

• 開發者 / 技術佈道者：快速出 Meetup 海報、開源項目發佈圖、演講封面，無需切換設計工具。
• 獨立創作者：需要「有美學立場」的靜態視覺，而非通用文生圖的隨機風格。
• 團隊：把品牌傾向寫進自定義 fork 的 SKILL.md，在 Cursor 項目級共享，減少反覆口頭對齊設計規範的成本。

限制與注意¶

1. 演示性質：官方 README 聲明倉庫內 Skill 僅供演示與教育；Claude 產品內的實際行爲可能與 Skill 原文不完全一致，關鍵任務需在自己環境 充分測試。
2. 不是文生圖 API 替代品：產出依賴 Agent 調用代碼/繪圖庫生成矢量或位圖，質量與模型能力、執行環境（字體、依賴庫）相關，無法保證每次均達「博物館級」。
3. 版權與原創：Skill 要求原創、禁止複製現有藝術家作品；使用 canvas-fonts 中的字體時，應遵守各字體 OFL 許可（目錄內 *-OFL.txt）。
4. 資源體積：完整複製含 canvas-fonts 後體積較大，若只需輕量試用，可只保留常用幾款字體，但可能影響 Skill 原文「Search the ./canvas-fonts directory」的完整性。
5. 輸出格式：Skill 規定僅輸出 .md、.pdf、.png；不支持直接交 Figma 或 SVG 源文件（除非 Agent 自行擴展，已超出官方 Skill 範圍）。

結尾¶

canvas-design 的價值，在於把 設計思維編碼成可複用的 Agent 指令：先寫哲學、再落畫布、最後精修——這條鏈路讓 AI 編程工具跨界承擔靜態視覺創作，而不只是生成「能看」的圖。對於已在用 Cursor 或 Claude Code 的開發者，裝一個文件夾就能多一條穩定的設計產線。

官方 Skill 目錄：

https://github.com/anthropics/skills/tree/main/skills/canvas-design

上級倉庫與安裝說明：

https://github.com/anthropics/skills

Agent Skills 開放標準與跨工具規範，可參考 agentskills.io。