精選 Skills Agent Skills Claude Code Claude Cowork Official Open Source

Anthropic 官方 Skills 完整指南：17 個開源技能深度解析

Anthropic 開源 17 個官方 Agent Skills，涵蓋創意設計、文件處理、技術開發、企業溝通四大類。從 Claude API 到 MCP Builder，從 PDF 到 PPTX，完整介紹每個 Skill 的功能與用法。

2026年3月7日 • 18 min read • 作者：Claude World

Anthropic 在 anthropics/skills 開源了 17 個官方 Agent Skills，涵蓋創意設計、文件處理、技術開發和企業溝通四大類。這些 Skills 展示了 Claude Skills 系統的能力，可以直接在 Claude.ai、Claude Code 和 Claude API 中使用。本文深度解析每一個 Skill。

什麼是 Agent Skills？

Skills 是 Claude 動態載入的指令、腳本和資源資料夾，用於提升特定任務的表現。每個 Skill 的核心是一個 SKILL.md 檔案，包含 YAML frontmatter（名稱、描述）和 Markdown 指令。

---
name: my-skill-name
description: 技能描述和觸發時機
---

# My Skill Name

[Claude 將遵循的指令]

安裝方式

Claude Code：

# 註冊 marketplace
/plugin marketplace add anthropics/skills

# 安裝技能
/plugin install document-skills@anthropic-agent-skills
/plugin install example-skills@anthropic-agent-skills

Claude.ai： 付費方案已內建所有技能。

Claude API： 參考 Skills API Quickstart。

Skill 規格標準

Anthropic 制定了 Agent Skills 規格（v0.1.0），定義了 Skills 的結構、frontmatter 格式和漸進式揭露機制。Skill 載入分三層：

  1. Metadata — 永遠可見（~100 字描述）
  2. SKILL.md — 觸發時載入（<500 行）
  3. References — 按需載入（腳本、資料、模板）

17 個技能總覽

分類技能用途
創意設計algorithmic-artp5.js 生成藝術
canvas-design博物館級視覺設計
slack-gif-creatorSlack 最佳化 GIF 動畫
theme-factory10 種專業主題配色
設計前端brand-guidelinesAnthropic 品牌識別
frontend-design生產級前端介面
web-artifacts-builderReact + Tailwind 互動元件
文件處理docxWord 文件建立/編輯
pdfPDF 讀取/建立/表單/OCR
pptxPowerPoint 簡報建立/編輯
xlsxExcel 試算表/公式/圖表
技術開發claude-apiClaude API/SDK 開發
mcp-builderMCP Server 建構
skill-creatorSkill 建立與測試
webapp-testingPlaywright 網頁自動測試
企業溝通doc-coauthoring協作式文件撰寫
internal-comms內部溝通範本

創意設計類

Algorithmic Art — p5.js 生成藝術

使用 p5.js 和種子隨機數建立演算法藝術，支援互動式參數探索。

工作流程：

  1. 建立 Algorithmic Philosophy（.md）— 定義美學方向
  2. 實作 p5.js 互動作品（.html）— 使用提供的 viewer 模板

核心特色：

  • 種子隨機數確保可重現性（Art Blocks 模式）
  • 互動式參數控制與種子導航
  • 內建 Anthropic 品牌的 HTML 模板
  • 支援粒子系統、噪聲場、流場等生成系統

設計哲學： 先定義哲學再實作。美在於過程，不在於最終幀。

Canvas Design — 博物館級視覺設計

建立博物館/雜誌品質的視覺藝術作品，輸出 .png 和 .pdf。

核心特色：

  • 90% 視覺、10% 文字 — 文字只是視覺點綴
  • 精緻的設計導向方法（永遠不卡通）
  • 內建 canvas-fonts 字型資源
  • 強調工藝感：看起來手工製作，不是 AI 生成
  • 以科學圖解的分析視覺語言呈現

用途： 海報、藝術品、視覺識別、任何情境的設計概念。

Slack GIF Creator — Slack GIF 動畫工具包

建立針對 Slack 最佳化的動畫 GIF。

技術規格：

  • Slack emoji：128x128，10-30 FPS，48-128 色，<3 秒
  • 訊息 GIF：480x480
  • GIFBuilder 類別處理幀組裝和最佳化
  • 6 種緩動函數：linear、ease_in/out、bounce_out、elastic_out、back_out
  • 動畫概念：shake、pulse、bounce、spin、fade、slide、zoom、particle burst

Theme Factory — 專業主題配色工廠

提供 10 種預設專業主題（配色 + 字型），可套用到任何產出物。

內建主題：

主題風格
Ocean Depths深海藍調
Sunset Boulevard日落暖調
Forest Canopy森林綠調
Modern Minimalist現代極簡
Golden Hour金色時光
Arctic Frost北極冰霜
Desert Rose沙漠玫瑰
Tech Innovation科技創新
Botanical Garden植物花園
Midnight Galaxy午夜銀河

每個主題包含完整配色方案（hex codes）和互補字型配對，適用於簡報、文件、報告、著陸頁。

設計前端類

Brand Guidelines — Anthropic 品牌識別

將 Anthropic 官方品牌識別套用到任何產出物。

官方色彩：

  • Dark: #141413、Light: #faf9f5、Mid Gray: #b0aea5
  • Accent: Orange #d97757、Blue #6a9bcc、Green #788c5d

字型： Poppins（標題）、Lora（內文），搭配 Arial/Georgia 備用字型。

Frontend Design — 生產級前端介面

建立獨特的、生產級前端介面，避免「AI 感」美學。

核心原則：

  • 大膽的美學方向 — 極簡主義或極繁主義，刻意的極端
  • 獨特字型 — 避免 Inter/Arial/系統字型
  • 內聚配色 — 主色佔 60-70%，銳利的點綴色
  • 動態效果 — CSS 動畫、捲動觸發、懸停狀態
  • 空間構圖 — 不對稱、重疊、斜線流動、充裕留白

禁忌： 通用背景、紫色漸層、統一圓角、千篇一律的設計模式。

Web Artifacts Builder — React 互動元件套件

使用 React 18 + TypeScript + Tailwind + shadcn/ui 建立精緻的多元件互動產品。

技術棧：

  • React 18 + TypeScript + Vite + Parcel（打包器）
  • Tailwind CSS + 40+ shadcn/ui 元件 + Radix UI
  • 初始化腳本：scripts/init-artifact.sh
  • 打包腳本：scripts/bundle-artifact.sh（產出獨立 HTML）

工作流： 初始化 -> 開發 -> 打包成獨立 HTML -> 分享。

文件處理類（Source Available）

這四個技能驅動了 Claude 的文件建立功能，為 source-available（非開源）授權，提供給開發者作為複雜技能的參考。

DOCX — Word 文件

功能：

  • 讀取：pandoc 提取文字，解包 XML 存取原始結構
  • 建立：docx-js 函式庫（npm 安裝）
  • 編輯：解包 -> 編輯 XML -> 重新打包

支援： 表格（DXA 單位）、圖片、頁首/頁尾、追蹤修訂、目錄、多欄排版、超連結、書籤、腳註。

關鍵規則： 明確設定頁面大小、使用公式而非硬編碼值、ShadingType.CLEAR（不是 SOLID）。

PDF — PDF 處理

功能矩陣：

操作工具
讀取/提取文字pdfplumber
提取表格pdfplumber + pandas
建立 PDFreportlab（Canvas 或 Platypus）
合併/分割/旋轉pypdf
OCRpytesseract
表單填寫參見 FORMS.md
CLI 操作qpdf

PPTX — PowerPoint 簡報

功能：

  • 讀取：markitdown 提取文字，thumbnail.py 視覺概覽
  • 建立：pptxgenjs（npm 安裝）
  • 編輯：解包 -> 編輯 XML -> 清理 -> 重新打包

設計原則：

  • 大膽配色、主色佔 60-70%、深淺對比
  • 獨特字型配對（避免 Arial）
  • 標題 36-44pt、內文 14-16pt
  • 視覺 QA 必須 — 假設問題存在，執行修正-驗證循環

內建配色： Midnight Executive、Forest & Moss、Coral Energy 等 10 套。

XLSX — Excel 試算表

功能：

  • 資料分析：pandas
  • 複雜格式/公式：openpyxl

關鍵規則：

  • 使用公式（=SUM()），絕不硬編碼計算值
  • 建立公式後執行 python scripts/recalc.py output.xlsx
  • 財務模型色彩編碼：藍色（輸入）、黑色（公式）、綠色（內部連結）、紅色（外部連結）
  • 驗證零公式錯誤（#REF!、#DIV/0!、#VALUE!、#N/A、#NAME?）

技術開發類

Claude API — Claude API/SDK 開發

使用 Claude API 或 Anthropic SDK 建構 LLM 應用。

模型選擇：

模型Context用途
Opus 4.6200K預設，最強大
Sonnet 4.6200K複雜程式碼
Haiku 4.5200K快速、低成本

核心功能：

  • Thinking：thinking: {type: "adaptive"}（Opus/Sonnet 4.6）
  • Effort：output_config: {effort: "low"|"medium"|"high"|"max"}
  • Streaming：長輸入/輸出的預設做法
  • Tool Use：工具執行器（自動迴圈）或手動迴圈
  • 結構化輸出：output_config: {format: {...}} + client.messages.parse()
  • Files API：跨請求的持久檔案參考
  • Compaction：Opus 4.6 Beta，用於長對話

SDK 支援： Python、TypeScript（完整功能）、Java、Go、Ruby（beta）、C#、PHP、cURL。

決策樹： 單次呼叫 -> 工作流（Tool Use） -> Agent（開放式探索）。

MCP Builder — MCP Server 建構

建立高品質的 MCP（Model Context Protocol）Server。

四階段流程：

  1. Deep Research — 研究 API 文件和整合模式
  2. Implementation — TypeScript 推薦（或 Python）
  3. Review/Test — MCP Inspector 測試
  4. Evaluations — 10 個複雜的評估問題

核心原則：

  • 全面 API 覆蓋 > 便利工作流
  • 清楚命名（github_create_issue）
  • 可操作的錯誤訊息
  • 工具標註：readOnlyHint、destructiveHint、idempotentHint
  • Transport：Streamable HTTP（遠端）、stdio（本機）

Skill Creator — Skill 建立與測試

建立新 Skills、迭代改進、使用 eval 衡量效能。

工作流：

  1. Draft — 撰寫 SKILL.md + 資源
  2. Test — 設定 evals/evals.json（2-3 個真實 prompt）
  3. Evaluate — 有技能 vs. 基線平行測試
  4. Improve — 根據回饋改進
  5. Expand — 擴展測試覆蓋
  6. Optimize — 最佳化描述觸發

核心工具：

  • eval-viewer/generate_review.py — 定性輸出 + 定量指標展示
  • run_loop.py — 20 個觸發/非觸發查詢的描述最佳化
  • 基準測試：均值 +/- 標準差、delta 比較

Webapp Testing — Playwright 網頁自動測試

使用 Playwright 測試本地網頁應用。

核心模式：

  • 偵察再行動：等待 networkidle -> 截圖 -> 識別選擇器 -> 執行
  • scripts/with_server.py 管理伺服器生命週期
  • 支援同時啟動多個伺服器（後端 + 前端）
  • 同步 API：sync_playwright()

關鍵規則： 在檢查 DOM 前永遠等待 page.wait_for_load_state('networkidle')。

企業溝通類

Doc Coauthoring — 協作式文件撰寫

結構化工作流程用於協作建立文件（規格、提案、決策文件）。

三階段流程：

階段內容
1. Context Gathering使用者提供背景、Claude 提問 5-10 個釐清問題
2. Refinement & Structure逐節進行：腦力激盪（5-20 選項）-> 篩選 -> 草擬 -> 迭代
3. Reader Testing全新 Claude（無上下文）驗證文件清晰度

品質門檻： 3 次迭代無修改後，問可以移除什麼。Reader Testing 捕捉盲點。

Internal Comms — 內部溝通

使用公司特定格式撰寫內部溝通。

溝通類型：

  • 3P 更新（Progress/Plans/Problems）
  • 公司電子報
  • FAQ 回應
  • 狀態報告
  • 領導層更新
  • 專案更新
  • 事件報告

每種類型都有對應的範本和指南在 examples/ 目錄中。

跨技能的設計哲學

分析完 17 個技能後，浮現幾個共同的設計哲學：

1. 避免 AI 感

所有創意和設計類技能都強調避免「AI 感」— 獨特的、情境特定的設計，而非通用模板。前端設計技能明確禁止紫色漸層、統一圓角和千篇一律的模式。

2. 哲學先於實作

算法藝術和畫布設計都要求先建立設計哲學文件，再進行實作。這確保了意圖性和一致性。

3. 公式勝於計算

文件技能（特別是 XLSX）強調使用動態公式而非硬編碼值，確保文件的可維護性和正確性。

4. 驗證是必須的

每個技能都內建驗證機制 — PPTX 要求視覺 QA、XLSX 要求零公式錯誤、Skill Creator 要求 eval 基準測試、MCP Builder 要求 10 個評估問題。

5. 漸進式揭露

Skills 系統本身就是漸進式揭露的 — metadata 永遠可見、SKILL.md 在觸發時載入、references 按需載入。這避免了不必要的 context 消耗。

如何建立自己的 Skill

使用 skill-creator 技能或直接從模板開始：

# 結構
my-skill/
├── SKILL.md           # 必要：指令 + frontmatter
├── references/        # 可選：參考文件
├── scripts/           # 可選：輔助腳本
├── assets/            # 可選：資源檔案
└── evals/             # 建議：評估測試
    └── evals.json

Frontmatter 只需兩個欄位：

  • name — 唯一識別碼（小寫、連字號）
  • description — 完整的功能描述和觸發時機

結論

Anthropic 的 17 個官方 Skills 展示了 Agent Skills 系統的成熟度和可能性。從生成藝術到財務模型，從 MCP Server 建構到企業溝通，每個 Skill 都是生產級的品質。

最重要的收穫是 Skills 的核心是 Markdown — 不需要程式碼、不需要基礎設施，只需要結構化的指令和資源。這意味著任何人都可以建立自己的 Skills，為 Claude 注入組織特定的專業知識。

資源：