Claude code 官方skill簡介&使用方式

Claude 官方 Skills 參考手冊

Anthropic 官方 Claude Skills 的名稱、功能簡介、使用時機及實際提示詞。

Skills 快速參照表

Skill 名稱功能類別主要用途
docx文件處理Word 文件建立、編輯、分析
pdf文件處理PDF 處理、表單填寫、文字擷取
pptx文件處理PowerPoint 簡報製作
xlsx文件處理Excel 試算表建立、公式、分析
frontend-design開發工具前端介面設計與程式碼產生
web-artifacts-builder開發工具複雜網頁元件建構
webapp-testing開發工具網頁應用程式測試
mcp-builder開發工具MCP 伺服器開發
algorithmic-art創意設計演算法藝術創作
canvas-design創意設計視覺設計與海報製作
brand-guidelines企業應用品牌風格套用
internal-comms企業應用內部溝通文件撰寫
doc-coauthoring協作工具文件共同撰寫工作流程
skill-creator擴展工具建立自訂 Skills
theme-factory樣式工具主題樣式套用
slack-gif-creator媒體工具Slack 動態 GIF 製作

文件處理類 Skills

docx

項目內容
名稱docx
功能簡介完整的文件建立、編輯與分析功能,支援追蹤修訂、註解、格式保留及文字擷取。可處理專業 Word 文件 (.docx)。
使用時機(1) 建立新文件 (2) 修改或編輯內容 (3) 使用追蹤修訂功能 (4) 新增註解 (5) 其他文件處理任務
輸出格式.docx

提示詞範例:

範例 1:建立新文件

1
2
3
4
5
6
7
8
請幫我建立一份員工新人訓練手冊的 Word 文件,包含以下章節:
1. 公司簡介
2. 組織架構
3. 工作規範
4. 福利制度
5. 常見問題

請使用專業的商業文件格式,包含目錄和頁碼。輸出為 .docx 檔案。

範例 2:編輯現有文件並追蹤修訂

1
2
3
4
5
6
請開啟附件的「合約草稿.docx」,使用追蹤修訂功能進行以下修改:
1. 將付款期限從 30 天改為 45 天
2. 在第 5 條新增違約金條款
3. 在合約結尾處新增註解,說明需要法務審核的部分

保留原始格式,輸出修訂後的 .docx 檔案。

pdf

項目內容
名稱pdf
功能簡介完整的 PDF 操作工具包,用於擷取文字和表格、建立新 PDF、合併/分割文件及處理表單。
使用時機(1) 填寫 PDF 表單 (2) 程式化處理 PDF 文件 (3) 產生 PDF (4) 大規模分析 PDF 文件
輸出格式.pdf

提示詞範例:

範例 1:擷取 PDF 內容並整理

1
2
3
4
5
6
請從附件的「年度財務報告.pdf」中擷取以下資訊:
1. 各季度營收數據
2. 年度總支出明細
3. 主要投資項目清單

將擷取的資料整理成結構化的表格,並輸出為新的 PDF 報告。

範例 2:填寫 PDF 表單

1
2
3
4
5
6
7
8
請幫我填寫附件的「供應商申請表.pdf」表單,使用以下資訊:
- 公司名稱:台灣科技股份有限公司
- 統一編號:12345678
- 聯絡人:王小明
- 電話:02-1234-5678
- 地址:台北市信義區信義路五段 100 號

填寫完成後輸出為新的 PDF 檔案。

pptx

項目內容
名稱pptx
功能簡介PowerPoint 簡報製作與編輯功能,支援投影片設計、版面配置及內容組織。
使用時機(1) 建立新簡報 (2) 編輯現有簡報 (3) 製作會議投影片 (4) 培訓教材製作
輸出格式.pptx

提示詞範例:

範例 1:建立專案報告簡報

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
請建立一份 Q4 專案進度報告簡報,共 10 頁,包含:
1. 封面頁(標題:2024 Q4 專案進度報告)
2. 專案概述
3. 里程碑達成情況
4. 預算執行狀況(請預留圖表位置)
5. 團隊績效
6. 遇到的挑戰
7. 解決方案
8. 下季度計劃
9. 風險評估
10. 結論與建議

使用專業商務風格,輸出為 .pptx 檔案。

範例 2:製作產品介紹簡報

1
2
3
4
5
6
7
8
9
請製作一份新產品發表簡報,產品名稱為「智慧家庭控制器 Pro」,包含:
- 產品外觀介紹
- 核心功能(語音控制、遠端監控、節能管理)
- 技術規格
- 競品比較
- 定價策略
- 上市時程

風格現代簡約,使用深藍色為主色調。

xlsx

項目內容
名稱xlsx
功能簡介完整的試算表建立、編輯與分析功能,支援公式、格式化、資料分析及視覺化。可處理 .xlsx、.xlsm、.csv、.tsv 等格式。
使用時機(1) 建立含公式和格式的新試算表 (2) 讀取或分析資料 (3) 修改現有試算表同時保留公式 (4) 資料分析與視覺化 (5) 重新計算公式
輸出格式.xlsx, .xlsm, .csv, .tsv

提示詞範例:

範例 1:建立預算追蹤表

1
2
3
4
5
6
7
8
9
請建立一份 2025 年度部門預算追蹤 Excel 表格,包含:
1. 每月預算欄位(1-12月)
2. 實際支出欄位
3. 差異計算公式(自動計算預算 vs 實際)
4. 累計總計公式
5. 預算使用率百分比公式

類別包括:人事費用、辦公設備、行銷費用、差旅費、其他
使用條件格式:超支顯示紅色,節省顯示綠色。

範例 2:分析銷售資料

1
2
3
4
5
6
7
8
9
請分析附件「銷售資料.xlsx」,並產生以下分析結果:
1. 各產品類別的銷售總額
2. 各區域的銷售排名
3. 月度銷售趨勢
4. 前 10 名銷售業務員
5. 季度成長率計算

使用樞紐分析表整理資料,並建立對應的圖表。
輸出包含分析結果和圖表的新 Excel 檔案。

開發工具類 Skills

frontend-design

項目內容
名稱frontend-design
功能簡介建立獨特、生產等級的前端介面,具有高品質設計。產生具創意、精緻的程式碼和 UI 設計,避免通用的 AI 美學風格。
使用時機使用者要求建立:網頁元件、頁面、artifacts、海報或應用程式(包括網站、登陸頁面、儀表板、React 元件、HTML/CSS 版面配置,或美化任何網頁 UI)
輸出格式HTML, CSS, JavaScript, React

提示詞範例:

範例 1:建立產品登陸頁面

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
請設計一個 SaaS 產品的登陸頁面,產品名稱為「TaskFlow」(專案管理工具)。

需求:
- 現代極簡風格,使用深色主題
- Hero 區塊包含標題、副標題和 CTA 按鈕
- 功能介紹區(3 個主要功能卡片)
- 客戶評價區塊
- 定價方案區塊
- 頁尾包含聯絡資訊和社群連結

請使用獨特的字型和動態效果,避免使用 Inter 或 Arial。
輸出完整的 HTML/CSS 程式碼。

範例 2:建立內部儀表板

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
請建立一個銷售團隊使用的內部儀表板 UI,使用 React:

功能需求:
- 左側導航列(首頁、銷售報表、客戶管理、設定)
- 頂部顯示目前使用者資訊
- 主要區域顯示:
  - 本月銷售總額卡片
  - 目標達成率進度條
  - 最近交易列表
  - 銷售趨勢圖表區塊(預留位置)

使用科技感深色主題,包含 hover 動態效果。

web-artifacts-builder

項目內容
名稱web-artifacts-builder
功能簡介使用現代前端技術(React、Tailwind CSS、shadcn/ui)建立精緻的多元件 claude.ai HTML artifacts 工具套件。
使用時機需要狀態管理、路由或 shadcn/ui 元件的複雜 artifacts — 不適用於簡單的單檔 HTML/JSX artifacts
技術堆疊React 18 + TypeScript + Vite + Parcel + Tailwind CSS + shadcn/ui

提示詞範例:

範例 1:建立多頁面應用程式

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
請使用 web-artifacts-builder 建立一個員工目錄應用程式:

頁面結構:
1. 首頁 - 顯示所有員工卡片網格
2. 員工詳情頁 - 顯示個人資訊、聯絡方式、部門
3. 搜尋頁 - 可依姓名、部門篩選

功能:
- 使用 shadcn/ui 的 Card、Avatar、Input 元件
- 實作路由切換
- 包含載入狀態動畫

打包成單一 HTML 檔案供展示。

範例 2:建立互動式問卷工具

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
請使用 web-artifacts-builder 建立一個客戶滿意度問卷工具:

需求:
- 多步驟表單(5 個問題頁面 + 提交頁)
- 進度指示器顯示目前步驟
- 問題類型:單選題、多選題、評分題、文字題
- 表單驗證
- 完成後顯示結果摘要

使用 shadcn/ui 的表單元件,並實作狀態管理。

webapp-testing

項目內容
名稱webapp-testing
功能簡介使用 Playwright 與本機網頁應用程式互動和測試的工具包。支援驗證前端功能、除錯 UI 行為、擷取瀏覽器截圖及檢視瀏覽器日誌。
使用時機(1) 測試本機網頁應用程式 (2) 驗證前端功能 (3) 除錯 UI 行為 (4) 擷取瀏覽器截圖 (5) 檢視瀏覽器日誌
技術Python Playwright

提示詞範例:

範例 1:測試登入功能

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
請使用 webapp-testing skill 測試我的登入頁面:

測試網址:http://localhost:3000/login

測試情境:
1. 正確帳號密碼登入 → 應導向首頁
2. 錯誤密碼登入 → 應顯示錯誤訊息
3. 空白欄位送出 → 應顯示驗證錯誤

請擷取每個步驟的截圖,並回報測試結果。

範例 2:驗證表單功能

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
請測試我的產品訂購表單:

網址:http://localhost:5173/order

測試項目:
1. 填寫所有欄位並送出 → 檢查成功訊息
2. 數量欄位輸入負數 → 檢查驗證是否阻止
3. 檢查價格計算是否正確(單價 × 數量)
4. 檢查表單送出後是否清空欄位

請記錄瀏覽器控制台日誌,報告任何錯誤。

mcp-builder

項目內容
名稱mcp-builder
功能簡介建立高品質 MCP (Model Context Protocol) 伺服器的指南,使 LLM 能透過設計良好的工具與外部服務互動。
使用時機建立 MCP 伺服器以整合外部 API 或服務,無論使用 Python (FastMCP) 或 Node/TypeScript (MCP SDK)
支援語言Python, TypeScript

提示詞範例:

範例 1:建立 API 整合的 MCP 伺服器

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
請使用 mcp-builder skill 建立一個整合公司內部 API 的 MCP 伺服器:

API 端點:https://api.company.com/v1

需要的工具:
1. get_employees - 取得員工列表
2. get_employee_details - 取得特定員工詳情
3. create_leave_request - 建立請假申請

使用 Python FastMCP 實作,包含錯誤處理和認證機制。

範例 2:建立資料庫查詢 MCP 伺服器

1
2
3
4
5
6
7
8
9
請建立一個可查詢 PostgreSQL 資料庫的 MCP 伺服器:

需要的工具:
1. query_sales - 查詢銷售資料(支援日期範圍篩選)
2. query_inventory - 查詢庫存狀態
3. get_report - 產生每日報表

使用 TypeScript MCP SDK 實作。
包含連線池管理和查詢參數化以防止 SQL 注入。

創意設計類 Skills

algorithmic-art

項目內容
名稱algorithmic-art
功能簡介使用 p5.js 建立演算法藝術,具有種子隨機性和互動式參數探索。建立原創演算法藝術,避免複製現有藝術家作品以避免版權問題。
使用時機使用者要求使用程式碼創作藝術、生成藝術、演算法藝術、流場或粒子系統
輸出格式.md(哲學)、.html(互動檢視器)、.js(生成演算法)

提示詞範例:

範例 1:建立流場藝術

1
2
3
4
5
6
7
8
請使用 algorithmic-art skill 建立一個流場(flow field)生成藝術作品:

概念:模擬海洋波浪的流動感
色彩:深藍色漸層到淺綠色
互動:滑鼠移動影響流場方向

請先產生演算法哲學文件,再建立可互動的 p5.js 作品。
粒子數量可調整,支援匯出靜態圖片。

範例 2:建立粒子系統藝術

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
請建立一個以「城市夜景」為主題的粒子系統藝術:

視覺概念:
- 粒子代表城市燈光
- 不同大小和亮度的粒子
- 緩慢飄動和閃爍效果

互動功能:
- 點擊產生新的粒子爆發
- 按空白鍵切換色彩主題

輸出包含哲學說明文件和可執行的 HTML 檔案。

canvas-design

項目內容
名稱canvas-design
功能簡介使用設計哲學在 .png 和 .pdf 文件中建立精美視覺藝術。建立原創視覺設計,不複製現有藝術家作品以避免版權問題。
使用時機使用者要求建立海報、藝術作品、設計或其他靜態作品
輸出格式.md, .pdf, .png

提示詞範例:

範例 1:設計活動海報

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
請使用 canvas-design skill 設計一張公司年度尾牙活動海報:

活動資訊:
- 活動名稱:2025 新春饗宴
- 日期:2025 年 1 月 25 日(六)
- 時間:18:00
- 地點:台北國際會議中心

設計風格:喜氣洋洋但不俗氣,融合現代設計元素
色彩:紅金配色
尺寸:A3(297mm × 420mm)

輸出 PNG 和 PDF 格式。

範例 2:建立產品視覺圖

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
請設計一張展示我們新產品的社群媒體視覺圖:

產品:無線藍牙耳機
用途:Instagram 貼文
尺寸:1080 × 1080 像素

設計要求:
- 極簡科技風格
- 白色背景配深色產品
- 突顯「40小時續航」和「主動降噪」兩大特色
- 包含品牌 logo 位置

先產生設計哲學,再輸出成品。

企業應用類 Skills

brand-guidelines

項目內容
名稱brand-guidelines
功能簡介將 Anthropic 官方品牌色彩和字型套用到任何可受益於 Anthropic 外觀風格的 artifact。
使用時機需要套用品牌色彩或風格指南、視覺格式化或公司設計標準時

品牌規格:

類型顏色/字型
主要深色#141413
主要淺色#faf9f5
中灰色#b0aea5
淺灰色#e8e6dc
強調橘#d97757
強調藍#6a9bcc
強調綠#788c5d
標題字型Poppins
內文字型Lora

提示詞範例:

範例 1:套用品牌風格到簡報

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
請將 Anthropic 品牌風格套用到我剛建立的產品簡報:

需要調整:
- 將所有標題改為 Poppins 字型
- 將內文改為 Lora 字型
- 背景使用 #faf9f5(淺色)
- 標題使用 #141413(深色)
- 強調文字使用 #d97757(橘色)
- 圖表使用品牌色系

請保持整體視覺一致性。

範例 2:建立品牌化文件範本

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
請建立一個符合 Anthropic 品牌規範的報告範本:

需求:
- 封面頁包含 logo 預留位置
- 正文使用品牌字型組合
- 頁首使用深色背景、淺色文字
- 章節標題使用橘色強調
- 表格使用品牌色系

輸出為可重複使用的 Word 範本。

internal-comms

項目內容
名稱internal-comms
功能簡介協助撰寫各種內部溝通文件的資源集,使用公司習慣的格式。
使用時機撰寫各種內部溝通文件:3P 更新(進度/計劃/問題)、公司通訊、FAQ 回覆、狀態報告、主管更新、專案更新、事件報告

支援的文件類型:

  • 3P 更新(Progress, Plans, Problems)
  • 公司通訊
  • FAQ 回覆
  • 狀態報告
  • 主管更新
  • 專案更新
  • 事件報告

提示詞範例:

範例 1:撰寫週報 3P 更新

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
請幫我撰寫本週的團隊 3P 更新報告:

Progress(進度):
- 完成新版登入模組開發
- 修復了 15 個 bug
- 完成用戶測試第一輪

Plans(計劃):
- 下週進行效能優化
- 準備 UAT 環境
- 撰寫技術文件

Problems(問題):
- 第三方 API 回應過慢影響效能
- 需要額外一名 QA 資源

請使用公司標準格式,語氣專業簡潔。

範例 2:撰寫事件報告

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
請協助撰寫系統事件報告:

事件概述:
- 發生時間:2025/1/3 14:30
- 影響範圍:線上購物車功能無法使用
- 持續時間:45 分鐘
- 影響用戶數:約 2,000 人

根本原因:資料庫連線池耗盡
處理過程:重啟服務、擴增連線池上限
預防措施:增加監控告警、優化連線管理

請使用事件報告標準格式,包含時間線和改善計劃。

協作工具類 Skills

doc-coauthoring

項目內容
名稱doc-coauthoring
功能簡介引導使用者透過結構化工作流程共同撰寫文件。協助使用者有效率地傳遞背景資訊、透過迭代精煉內容,並驗證文件對讀者有效。
使用時機使用者提到撰寫文件、建立提案、草擬規格或類似文件任務時。適用於:文件、提案、技術規格、決策文件或類似結構化內容

工作流程階段:

  1. 背景收集(提問、資訊傾倒)
  2. 精煉與結構(澄清問題、腦力激盪、策展、缺口檢查、草稿、迭代精煉)
  3. 讀者測試(預測讀者問題、測試、額外檢查、修復)

提示詞範例:

範例 1:共同撰寫技術規格文件

1
2
3
4
5
6
7
8
9
我需要撰寫一份新功能的技術規格文件,請使用 doc-coauthoring 工作流程協助我:

功能背景:
- 功能名稱:用戶偏好設定同步
- 目的:讓用戶在多裝置間同步設定
- 目標讀者:後端工程師、前端工程師

我有一些初步想法但還不完整,請先問我釐清問題,
然後幫我建立結構化的技術規格文件。

範例 2:協作撰寫提案文件

1
2
3
4
5
6
7
8
9
請用 doc-coauthoring 工作流程幫我撰寫一份預算提案:

背景:
- 我們部門想申請採購新的開發工具
- 預算約 50 萬
- 需要說服財務長核准

請先收集我的想法,協助我組織論點,
最後幫我測試這份提案是否能回答審核者可能的問題。

擴展工具類 Skills

skill-creator

項目內容
名稱skill-creator
功能簡介建立有效 Skills 的指南。用於建立新 Skill(或更新現有 Skill),以專業知識、工作流程或工具整合擴展 Claude 的能力。
使用時機使用者想要建立新 Skill 或更新現有 Skill 時

Skill 建立流程:

  1. 透過具體範例理解 Skill
  2. 規劃可重複使用的 Skill 內容
  3. 初始化 Skill
  4. 編輯 Skill
  5. 打包 Skill
  6. 迭代改進

提示詞範例:

範例 1:建立公司專屬 Skill

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
請使用 skill-creator 協助我建立一個公司專屬的 Skill:

Skill 名稱:company-proposal-writer
功能:協助撰寫符合公司格式的商業提案

需要包含:
- 公司提案標準結構
- 文字風格指南
- 常用術語表
- 範例提案片段

請引導我完成整個建立流程,從定義到打包。

範例 2:建立工作流程自動化 Skill

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
請幫我建立一個程式碼審查 Skill:

Skill 名稱:code-review-assistant
用途:自動化程式碼審查流程

功能需求:
1. 檢查程式碼風格一致性
2. 識別常見安全漏洞
3. 建議效能優化
4. 產生審查報告

支援語言:Python, JavaScript
輸出:Markdown 格式的審查報告

請建立完整的 SKILL.md 檔案。

theme-factory

項目內容
名稱theme-factory
功能簡介為 artifacts 套用主題樣式的工具包。這些 artifacts 可以是投影片、文件、報告、HTML 登陸頁面等。提供 10 種預設主題及自訂主題產生功能。
使用時機需要為簡報或其他 artifact 套用一致的專業樣式時

可用主題:

  1. Ocean Depths(海洋深度)- 專業沉穩的海洋主題
  2. Sunset Boulevard(日落大道)- 溫暖活潑的日落色彩
  3. Forest Canopy(森林冠層)- 自然接地的大地色調
  4. Modern Minimalist(現代極簡)- 乾淨當代的灰階
  5. Golden Hour(黃金時刻)- 豐富溫暖的秋季色盤
  6. Arctic Frost(北極霜凍)- 涼爽清脆的冬季主題
  7. Desert Rose(沙漠玫瑰)- 柔和精緻的塵土色調
  8. Tech Innovation(科技創新)- 大膽現代的科技美學
  9. Botanical Garden(植物園)- 清新有機的花園色彩
  10. Midnight Galaxy(午夜銀河)- 戲劇性的宇宙深色調

提示詞範例:

範例 1:選擇並套用預設主題

1
2
3
4
5
6
7
請使用 theme-factory 為我的簡報套用主題:

1. 先顯示所有可用主題讓我選擇
2. 我想要「Tech Innovation」科技創新主題
3. 將此主題套用到附件的簡報檔案

確保所有投影片的色彩和字型保持一致。

範例 2:建立自訂主題

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
現有主題都不符合需求,請幫我建立自訂主題:

主題名稱:Corporate Professional(企業專業)
色彩需求:
- 主色:深藍色(代表穩重)
- 次要色:淺灰色(乾淨背景)
- 強調色:金色(高端感)

字型需求:
- 標題:現代無襯線字體
- 內文:易讀的襯線字體

建立後套用到我的年度報告簡報。

媒體工具類 Skills

slack-gif-creator

項目內容
名稱slack-gif-creator
功能簡介建立針對 Slack 最佳化的動態 GIF 的知識和工具。提供限制條件、驗證工具和動畫概念。
使用時機使用者要求製作 Slack 用動態 GIF,例如「幫我做一個 X 做 Y 的 GIF 用於 Slack」

動畫類型:

  • 搖晃/震動
  • 脈動/心跳
  • 彈跳
  • 旋轉
  • 淡入/淡出
  • 滑動
  • 縮放
  • 爆炸/粒子爆發

提示詞範例:

範例 1:建立慶祝用 GIF

1
2
3
4
5
6
7
8
9
請使用 slack-gif-creator 建立一個 Slack 慶祝 GIF:

內容:文字「恭喜達標!🎉」搭配彩帶爆炸效果
動畫:文字彈跳進入 + 彩帶粒子爆發
顏色:金色和紅色為主
尺寸:符合 Slack 最佳顯示(128x128 或更大)
檔案大小:控制在 1MB 以內

適用場景:團隊達成銷售目標時發送。

範例 2:建立等待中 GIF

1
2
3
4
5
6
7
8
9
請建立一個「處理中」的 Slack GIF:

畫面:三個圓點循環閃爍
動畫:依序脈動效果
顏色:公司藍色調(#0066CC)
速度:平穩舒適,不要太快

用途:在等待回覆時使用,表示正在處理。
輸出最佳化的 GIF 檔案。

使用建議

選擇 Skill 的判斷準則

任務類型建議 Skill
處理 Word 文件docx
處理 PDF 文件pdf
建立簡報pptx
試算表工作xlsx
建立網頁 UIfrontend-design
複雜網頁元件web-artifacts-builder
測試網頁應用webapp-testing
建立 MCP 伺服器mcp-builder
程式碼藝術algorithmic-art
海報/視覺設計canvas-design
套用品牌風格brand-guidelines
內部溝通文件internal-comms
共同撰寫文件doc-coauthoring
建立新 Skillskill-creator
套用主題樣式theme-factory
Slack GIFslack-gif-creator

參考資源


文件產生自 Anthropic 官方 GitHub Skills Repository