canvas-design

canvas-design 技能總覽

canvas-design skill 的用途是把原創的靜態視覺作品生產成檔案，而不是拿來發想那種泛泛的「幫我弄得好看一點」點子。它的核心流程是兩階段：先用 Markdown 建立設計理念，再把這套理念轉成以視覺為主的 .png 或 .pdf 成品。如果你想用 canvas-design for UI Design、行銷海報、編輯式單頁、封面視覺，或是文字極少的概念圖，它通常會比單純下 prompt 更適合，因為它會先逼出一套美學系統，再進入版面執行。

canvas-design 最擅長處理什麼

當真正的工作是把一份鬆散的 brief 整理成一致、完整的視覺方向，並且需要在構圖、配色、造型與字體選擇上做出鮮明決策時，就很適合用 canvas-design skill。尤其當 prompt 很模糊、你需要模型自己發明 art direction，而不只是把既有內容排版時，它特別有用。

誰適合安裝 canvas-design

最適合的使用者是設計師、產品團隊、行銷人員，以及需要靜態輸出的 creative developers；這類人通常希望模型能主動做出更有力度的視覺判斷。對於能描述氛圍、受眾與訊息，但不想手動指定每一個設計參數的 AI 使用者來說，這個技能也很實用。

這和一般設計 prompt 有什麼不同

最大的差異在於它明確要求「先做設計理念，再做視覺執行」。上游指令會先推動模型產出一種美學流派或 manifesto，接著再用極少文字把它視覺化。相較於直接要求一張海報或一張圖，這種結構通常更容易做出有辨識度的結果。

安裝前要先知道的重要邊界

canvas-design 不是完整的 UI 系統生成器，不是 Figma 替代品，也不是品牌規範 compliance 引擎。它的定位是靜態文件中的原創視覺表達。原始說明也明確提醒不要複製既有藝術家的作品，所以它更適合「汲取某些特質作為靈感」，而不是「做得跟某某人一模一樣」。

如何使用 canvas-design skill

canvas-design 安裝方式

如果你的環境支援 Skills，可直接從 Anthropic skills repository 安裝：

npx skills add https://github.com/anthropics/skills --skill canvas-design

如果你想看原始操作指引，接著打開 repo 內的 skills/canvas-design/SKILL.md：
https://github.com/anthropics/skills/tree/main/skills/canvas-design

先讀這幾個 repository 檔案

如果想快速判斷是否適合導入，建議先看：

• SKILL.md
• LICENSE.txt
• canvas-fonts/

這個 skill 沒有額外的 scripts、rules 或 helper references，因此大部分價值都在書面工作流程，以及隨附的字型資源。

先理解它預期的輸出類型

repository 裡對輸出格式寫得相當明確：只輸出 .md、.pdf 與 .png。實務上，一個好的 canvas-design usage 流程通常是：

1. 先用 Markdown 寫一段簡短的設計理念。
2. 再把這套理念轉成靜態視覺成品。
3. 文字維持精簡，主要靠版面、影像處理、色彩與形狀傳達訊息。

一開始就用對的 brief 類型

這個 skill 在你的輸入描述的是創意問題，而不只是交付物時，效果最好。建議 brief 至少包含：

• 目標
• 受眾
• 使用情境或投放渠道
• 情緒基調
• 限制條件
• 作品應該偏安靜、張揚、正式、活潑、實驗性等哪種感受
• 哪些文字是必要的、哪些只是可有可無

弱的 brief：

• 「幫我們 app 做一張海報。」

強的 brief：

• 「Create a launch poster for a privacy-focused note-taking app aimed at designers and researchers. The piece should feel intelligent, calm, and premium, not cyberpunk. Use very little text, emphasize trust and focus, and make it suitable for export as a vertical .png social asset and a printable .pdf.」

把粗略想法改寫成更強的 canvas-design prompt

好的 canvas-design prompt 應該同時要求兩個階段，而不是只要最後成品。你可以要求模型：

• 發明一套視覺理念
• 說清楚色盤、字體方向與構圖邏輯
• 解釋畫面上應該由什麼元素主導
• 依照這套理念產出最終靜態成品

可參考的結構：

• project
• audience
• core feeling
• required text
• banned directions
• format and dimensions
• output preference: .png or .pdf

這樣既能保留創作空間，也比較不容易失焦。

有意識地使用兩步驟工作流

如果你在意品質，不要跳過理念階段。理念階段正是這個 skill 會決定以下內容的地方：

• 視覺張力
• 畫面密度與留白比例
• serif、sans、mono 各自帶出的氣質
• 圖像語言
• 層級風格
• 文字節制程度

如果第一階段很弱，最後設計通常也會顯得普通。換句話說，最實用的 canvas-design guide 是：先把 manifesto 迭代好，再要求它進入 render。

除非作品真的需要文案，否則文字盡量少

上游指令特別強調「90% visual design, 10% essential text」。這點很重要。如果你在 brief 裡塞滿一大段行銷文案，就會削弱這個 skill 最大的優勢：用空間與視覺表達來溝通。做海報、封面與概念視覺時，盡量只保留非放不可的字。

有策略地使用內建字型

canvas-fonts/ 資料夾是這個 skill 很實用的優勢。裡面有 serif、sans、display 與 mono 等不同選項，例如：

• InstrumentSans
• InstrumentSerif
• IBM Plex Serif
• IBM Plex Mono
• GeistMono
• CrimsonPro
• BigShoulders
• BricolageGrotesque
• Boldonse
• EricaOne
• ArsenalSC
• Gloock
• DMMono

這讓你可以更具體地指定字體搭配。例如：

• 編輯式奢華感：InstrumentSerif + InstrumentSans
• 技術感海報：IBM Plex Serif + IBM Plex Mono
• 高聲量 display art：BigShoulders 或 EricaOne
• 偏當代、帶 UI 感的 campaign visual：BricolageGrotesque + GeistMono

canvas-design for UI Design 的實用 prompt 模式

在 canvas-design for UI Design 的情境下，應把它當成視覺方向生成器，而不是可直接落地的 UI 元件庫。你可以請它做：

• a hero graphic
• a landing-page poster concept
• an onboarding illustration sheet
• a feature announcement card
• a keynote slide cover
• a campaign visual system

不要期待它單獨就能產出完整的互動狀態、元件規格，或符合無障礙要求的應用程式畫面。

第一版出來後，接下來該怎麼要求

當第一個輸出已經產生後，最好用具體的 art direction 編修指令來優化，例如：

• 「Reduce text by half and increase negative space.」
• 「Make the composition feel more architectural and less decorative.」
• 「Keep the philosophy, but shift the palette from warm editorial to cool technical.」
• 「Preserve hierarchy, but swap to a mono + serif pairing.」
• 「Make the final .png more legible at thumbnail size.」

這些都比籠統地說「做得更好一點」更有效。

canvas-design skill 常見問題

canvas-design 適合新手嗎？

適合，前提是你能描述意圖與氛圍。canvas-design skill 會替新手處理掉最難的一部分創意工作：把鬆散方向整理成真正的視覺理念。不過新手仍然需要把受眾、訊息與輸出格式講清楚。

什麼時候 canvas-design 會比一般 prompt 更值得用？

當難點在 art direction，而不只是產出素材時，就該用 canvas-design。一般 prompt 也可以排出一個版面，但這個 skill 因為明確把概念形成與執行拆開，所以更有機會產出一致、完整的視覺語言。

我可以用 canvas-design 來做真正的 UI 畫面嗎？

只能做到一部分。canvas-design for UI Design 很適合做貼近 UI 的視覺、行銷頁面視覺、splash screens，或是用來定方向的設計成品；但如果你要的是高密度產品畫面、互動流程，或可直接交付實作的元件系統，它並不是最好的單一工具。

導入時最大的風險是什麼？

最大的風險，是把它當成只會排版的機器，而不是一套創意系統。如果你的 brief 太照字面、文案太多，或被參考物綁得太死，輸出就可能失去這個 skill 最值得用的地方：鮮明的獨特性。

這個 skill 能幫我更安全地做出原創作品嗎？

它有幫助，因為它明確引導你往原創視覺設計前進，而不是模仿仍在世或具有高度可辨識度的藝術家。不過實際下 prompt 時，仍建議要求的是特質、氛圍與設計原則，而不是模仿某位具名創作者。

使用前需要先仔細看 repo 嗎？

不需要研究得很深，但值得先讀 SKILL.md，因為真正的操作邏輯就在那個檔案裡。repository 其他部分相對精簡，最有實際支援價值的就是字型資料夾。

如何把 canvas-design skill 用得更好

給更有力的創意限制，而不是一味增加限制

最有效的改善方式，是補進高槓桿的輸入資訊：

• 目標受眾
• 情緒區間
• 內容優先順序
• 觀看情境
• 必要的檔案格式
• 一到兩個「不要往這個方向走」的限制

這通常比你去微控每一種顏色和每一個像素，更能提升結果。

寫出適合進入理念階段的 brief

因為 canvas-design 一開始就是 manifesto 式的階段，你的 prompt 應該保留一定的詮釋空間。好用的措辭包括：

• “invent a visual movement for…”
• “define the compositional rules before rendering”
• “make the typography part of the atmosphere, not just content”
• “prioritize spatial storytelling over explanation”

這樣會更符合這個 skill 原生的工作流。

修正常見失敗模式：做出很普通的海報感

如果結果看起來太普通，通常是因為氛圍描述不夠具體。你可以加入這類對比：

• austere vs exuberant
• ceremonial vs utilitarian
• clinical vs tactile
• symmetrical vs unstable
• restrained vs maximal

這種成對的對立描述，能幫模型更果斷地選出方向。

用字體與層級設定提升輸出品質

更好的 canvas-design usage，很多時候來自於你有沒有明確指定字體角色。例如：

• headline 用 BigShoulders，support text 用 InstrumentSans
• poetic title 用 Gloock，microcopy 用 GeistMono
• editorial body 用 CrimsonPro，labels 用 IBM Plex Mono

這能把設計往更有意識的排版推進，而不是落回預設感很重的字體樣貌。

優先迭代構圖，而不只是改顏色

很多使用者會過度專注在色盤，但在靜態視覺作品裡，構圖變動通常影響更大。如果第一版偏弱，可以要求：

• 更大的主導形狀
• 更多不對稱
• 更明確的邊界與留白系統
• 更強的尺度對比
• 更少元素
• 更多留白
• 從多個焦點改成單一焦點

這類調整通常比單純換顏色更快提升清晰度。

知道什麼情況不該用 canvas-design

當你需要以下成果時，就不該使用 canvas-design：

• production-ready app UI
• multi-state interaction design
• strict brand system compliance
• data-dense dashboards
• heavily text-led documents

遇到這些情況，應改用更偏 UI、文件編排或品牌系統導向的工作流。canvas-design 的真正強項是富表現力的靜態構圖；讓它待在這條賽道裡，結果通常會更好。