canvas-design skill 是什麼、怎麼安裝使用:Anthropic 官方的海報與靜態視覺設計 Skill(輸出 PNG / PDF)

canvas-design 是 anthropics/skills 裏做靜態視覺作品的 Skill:先寫一份「設計哲學」,再據此在畫布上生成海報、藝術圖或設計稿,輸出 .png / .pdf,自帶一批開源字體。

Install · 安裝命令

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

以 / 開頭的命令在 Claude Code 會話裏輸入,其餘在終端裏執行。Skill 可以帶可執行腳本,安裝前先看一遍倉庫裏的 SKILL.md。

NNathaniel bigo··原創首發·AI 輔助撰寫
3 分鐘讀完
資料核對於 2026-10-11 · 依據官方文檔與公開資料整理
本文根據 anthropics/skills 倉庫裏該技能的 SKILL.md 與倉庫 README 整理,資料核對於 2026-10-11。skills.sh 榜單當日顯示該技能累計安裝約 11.5 萬次;所在倉庫 anthropics/skills 在 GitHub 約 18.0 萬 Star(同日數據)。技能內容會隨倉庫更新,以倉庫為準。

這個 Skill 做什麼

canvas-design 讓 Claude 用代碼「畫」出靜態視覺作品。按 description,用戶要求做海報、藝術作品、設計稿或其他靜態圖時使用,產出是 .png 和 .pdf 文件;說明裏特別要求做原創設計,不要模仿在世藝術家的作品,以免侵權。

它的做法分兩步,這也是和普通「畫一張圖」提示詞最不一樣的地方。第一步不是畫,而是寫:先創作一份「視覺哲學」——一段描述某種審美主張的文字(形式、空間、色彩、構圖怎麼用,文字只作為點綴),存成 .md。用戶給的主題只是起點,不應束縛發揮。第二步才是把這份哲學「表達」到畫布上,生成單頁或多頁作品。技能反覆強調工藝感:成品要像是花了很長時間打磨出來的,文字極少、排版精確、留白充分。

怎麼安裝

canvas-design 收在 anthropics/skills 倉庫的 example-skills 插件包裏。在 Claude Code 會話中依次輸入(命令來自倉庫 README):

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

同一個包裏的其他示例技能會一起裝上。只想要這一個,可以把倉庫裏的 skills/canvas-design 文件夾複製到 ~/.claude/skills/(個人)或項目的 .claude/skills/;claude.ai 網頁版則在 Customize → Skills 裏上載這個文件夾的 ZIP。

倉庫整體介紹和其他安裝方式,詳見本站《anthropics/skills 是什麼、怎麼安裝:Anthropic 官方 Skills 倉庫(docx / pptx / xlsx / pdf、skill-creator)》。

怎麼用

  • 「給社區讀書會做一張 A3 海報,主題是『慢讀』」——先得到一份設計哲學文檔,再得到 PDF / PNG。
  • 「做一組三張的系列視覺,表現城市的清晨、正午、深夜」——可用多頁選項。
  • 「按剛才那份哲學再出一版,顏色更剋制」。

目錄裏的 canvas-fonts/ 帶了幾十個字體文件及各自的 OFL 許可文本,畫布排版時直接調用,不依賴你係統裏裝了什麼字體。

適合誰 / 侷限

適合需要活動海報、封面、裝飾畫這類「以形式感為主」的靜態圖的人,也適合想看看 Claude 用代碼作圖能做到什麼程度的設計師。它不調用圖像生成模型,所有內容都是程序繪製的圖形和文字,所以做不了寫實照片、人物插畫;需要大段說明文字的資訊類海報也不是它的方向——技能的取向是「字越少越好」。

注意事項

  • 許可:技能本體為 Apache-2.0(目錄內 LICENSE.txt);自帶字體各自遵循 SIL OFL,許可文本與字體放在一起。
  • 會執行代碼:生成圖片需要運行繪圖腳本,在 Claude Code 或 claude.ai 的代碼執行環境中使用。
  • 原創要求:不要讓它仿製特定藝術家或品牌的作品。
  • 自帶字體以拉丁字母字體為主,做中文海報時留意是否出現缺字,必要時指定本機已安裝的中文字體。
需要開通或續費?Claude Pro 充值 →

其他 Skill 庫

  1. 01

    ai-seo skill 是什麼、怎麼安裝使用:讓內容被 ChatGPT、Perplexity、AI Overviews 引用的 GEO / AEO Skill

    ai-seo 是 marketingskills 裏的 AI 搜尋優化技能:先做 AI 可見度審計,再從「結構、權威、存在」三個支柱優化內容,使其更容易被 AI 搜尋抓取、提取和引用,並涵蓋 llms.txt 等面向智能體的機器可讀文件。

    ClaudeCodex0
  2. 02

    gemini-api skill 是什麼、怎麼安裝使用:Google 官方的 Gemini API 開發 Skill(Agent Platform / 原 Vertex AI)

    gemini-api 是 google/skills 裏的 Gemini 開發技能:指導在 Agent Platform(原 Vertex AI)上用 Google Gen AI SDK 調用 Gemini,覆蓋 Python、JS/TS、Go、Java、C# 以及多模態、工具、緩存和 Live API。

    ClaudeGemini0
  3. 03

    writing-plans skill 是什麼、怎麼用:Superpowers 把需求拆成可執行實施計劃的 Skill

    writing-plans 是 Superpowers 的計劃技能:拿到設計或需求後、動代碼之前,寫一份「沒看過代碼庫的工程師也能照做」的實施計劃,寫明文件、接口、測試和提交點,存入 docs/superpowers/plans/。

    ClaudeCodex0
  4. 04

    lark-doc skill 是什麼、怎麼安裝使用:讓 AI 讀寫飛書雲文檔的官方 Skill(Docx / Wiki)

    lark-doc 是飛書官方 CLI 附帶的雲文檔技能:讓智能體通過 lark-cli 讀取、創建和編輯飛書文檔與知識庫頁面,插入或下載圖片附件,操作思維筆記,並內置會議紀要、PRD、彙報等多種文體的寫作參考。

    ClaudeCodex0
  5. 05

    deploy-to-vercel skill 是什麼、怎麼用:讓智能體把項目部署到 Vercel 的官方 Skill(預設只發預覽版)

    deploy-to-vercel 是 Vercel 官方的部署 Skill:先檢查項目是否已關聯、是否有 git 遠端和登入狀態,再選擇 git push、CLI 或免登入兜底方式部署;除非你明確要求,否則只發預覽部署。

    ClaudeCodex0
  6. 06

    verification-before-completion 是什麼、怎麼用:Superpowers「先拿證據再說完成」的 Skill

    verification-before-completion 是 Superpowers 的收尾檢查技能:在宣佈完成、修好或測試通過之前,必須在當條消息裏實際運行驗證命令並看到輸出,證據先於結論。

    ClaudeCodex0

查看全部 Skill 庫 →

0 條評論

登入 後參與評論

還沒有評論,來搶沙發~