Skills 最早由 Anthropic 提出，在 Anthropic 官方課程《Introduction to Agent Skills》中，給 Skills 的定義是：
Skills are folders of instructions that Claude Code can discover and use to handle tasks more accurately. Each skill lives in a
SKILL.mdfile with a name and description in its frontmatterSkills（技能）是存放指令的資料夾，Claude Code 可以找到並使用這些指令，更準確地完成任務。每個技能都定義在一個
SKILL.md檔案中，並在檔案開頭的中繼資料區塊（frontmatter）標示技能名稱與說明。
定義有點抽象，我們回到實際情境。使用 AI 時，很多任務我們早就有一套自己的做事標準與工作習慣，但 AI 不知道，所以每次執行都得重新跟它溝通一次。這時就可以靠 Skill 來幫忙。
以設計師的情境來說，我有時會支援產品行銷概念圖。為了讓概念圖符合品牌的顏色系統，每次寫 Prompt 都要把定義好的品牌色告訴 AI，每產一次就要溝通一次。
如果把這套規則寫成一個 Skill 交給 AI，之後每次遇到這類任務，它就會依照我定義的規則，產出符合品牌顏色系統的概念圖。
Skill 就像用白話文寫給 AI 的一份說明書，裡面要交代兩件事，剛好對應到 SKILL.md 的兩個部分：
description
為什麼要特別分開？因為 Claude 一開始只會讀每個 Skill 的 name 和 description，等你的需求和某個 description 對上了，才會把整份內文載入進來。官方把這種做法叫做「漸進式揭露」（progressive disclosure），好處是就算裝了很多個 Skill，也不會一開始就塞滿 AI 的上下文。
所以 description 寫得好不好，直接決定這個 Skill 會不會在對的時機被叫出來。官方建議 description 要同時寫出「它做什麼」和「什麼時候該用」。
另外，Skill 其實是一個資料夾，除了 SKILL.md，還可以放範本、參考文件，甚至可以執行的腳本，需要時 AI 才會去讀取或執行。
如果你不知道怎麼描述，或擔心寫得不夠完整，可以請 AI 來訪談你，幫你把想法具體化。
進入設定頁面，選擇 Skills，點擊 Add 按鈕。
這個 Skill 是我和 Claude 一起討論建立的。我先描述需求，給它一組色票、字體和使用情境，接著讓它反過來訪談我，把模糊的地方問清楚。以後只要做社群貼文，我給它內容，它就能直接產出符合品牌規範的圖。
以下是整個 Skill 檔案內容
---
name: astro-social-brand
description: 製作社群圖文時套用 Astro 的品牌色、Inter 字體、排版與 WCAG 2.2 AA 規範（IG 貼文與輪播、Threads、X）。Use whenever creating social media graphics, posts, carousels or banners for Instagram, Threads or X.
---
# 社群品牌規範
## 色票
| 代號 | 名稱 | Hex | 用途 |
|---|---|---|---|
| sky | 淺藍 | #8EB9FC | 背景、輔助圖形 |
| royal | 寶藍 | #274DEA | 品牌主色、標題、主要圖形 |
| mint | 淺綠 | #EBFFDC | 淺色背景 |
| butter | 淡黃 | #FFF197 | 背景、重點區塊 |
| coral | 橘紅 | #FF513D | 少量強調、視覺焦點 |
另可使用白色 #FFFFFF。除此之外不得使用任何顏色、深淺變化、漸層或透明度混色。
## 比例
- 每張圖只選一個淺色（mint / butter / sky）當底色，約 60%
- royal 約 30%：標題、主要圖形
- 另一個淺色可作輔助區塊，最多 10%
- coral 最多 10%，每張最多 1–2 處
- 禁止：royal 與 coral 直接疊放、白字放在任何淺色上
## 無障礙（WCAG 2.2 AA，硬性）
以手機顯示大小判斷（1080 畫布約縮為 1/2.8）。
「大字」= 700 字重 ≥ 56px，或 400 字重 ≥ 72px；其餘皆為一般文字。
文字對比（1.4.3）：
| 組合 | 對比 | 一般文字 | 大字 |
|---|---|---|---|
| royal on mint | 5.96 | ✅ | ✅ |
| royal on butter | 5.48 | ✅ | ✅ |
| royal on 白 | 6.30 | ✅ | ✅ |
| 白 on royal | 6.30 | ✅ | ✅ |
| royal on sky | 3.15 | ❌ | ✅ |
| 其他所有組合 | < 3.0 或品牌禁用 | ❌ | ❌ |
- coral 不當文字色（品牌規則，比 WCAG 嚴格）
- sky 底上的一般文字，一律放進白卡或白色膠囊
傳達資訊的圖形（1.4.11，需 ≥ 3:1）：
- 圖示、箭頭、圖表、標記等「有意義」的 coral 圖形，只能放在白或 mint 上
- coral 放在 butter（2.81）或 sky（1.62）上時，只能是純裝飾
- royal 圖形在所有淺色與白色上都 ≥ 3:1，可直接使用
不只靠顏色傳達（1.4.1）：
- 重點不能只用 coral 標示，要同時搭配粗體、底線、圖示或文字說明
替代文字（1.1.1）與圖中文字（1.4.5）：
- 每張圖交付時一併提供 alt text（≤ 125 字元，說明重點，不寫「一張圖片顯示…」）
- 圖中的關鍵資訊（日期、連結、CTA）也要寫進貼文文案
## 字體
- 英數：Inter；中文：Noto Sans TC（Inter 沒有中文字形）
- CSS：`font-family: 'Inter', 'Noto Sans TC', sans-serif;`
- 只用 400 與 700 兩種字重
字級（以 1080 寬為準）：
| 層級 | 字重 | 字級 | 行高 | WCAG 判定 |
|---|---|---|---|---|
| 主標題 | 700 | 72–96px | 1.15，字距 -2% | 大字 |
| 副標題 | 700 | 56–64px | 1.25 | 大字 |
| 內文 | 400 | 36–40px | 1.4 | 一般文字 |
| 說明 | 400 | 28–32px | 1.4 | 一般文字 |
最小字級 28px。X（1600×900）字級與 1080 寬相同，不縮小。
## 尺寸
- IG 貼文 / 輪播、Threads：1080×1440（3:4）
- X：1600×900（16:9）
- 安全邊距：四邊至少 64px，文字與 logo 不得超出
## 排版
- 每張只有一個視覺焦點
- 輪播各頁使用同一底色，或固定的交替規則（例如 mint → butter → sky 循環），標題位置一致
- 文字區塊以靠左對齊為主
## 流程
1. 確認平台與尺寸；沒指定時先問
2. 先寫文案，再只用色票代號排版
3. 交付前逐項跑檢查清單，有不符就修正後再交付；最後附上 alt text 與貼文文案
## 檢查清單
- [ ] 所有顏色都在色票內（含白色）
- [ ] 只用了一個淺色當底色
- [ ] coral ≤ 10%，沒有被當成文字色
- [ ] 每組文字依大小判斷，符合上方對比表
- [ ] 有意義的 coral 圖形只出現在白或 mint 上
- [ ] 重點沒有只靠顏色區分
- [ ] 英數用 Inter、中文用 Noto Sans TC，只有 700 / 400，字級 ≥ 28px
- [ ] 尺寸正確，內容在 64px 安全邊距內
- [ ] 已附上 alt text，關鍵資訊也寫進文案
Skill 基本上就是讓 AI 獲得某項特定技能，你可以在網路上針對各領域找尋各領域專家開發的 Skills 進行使用，學習別人如何用 AI 做事。如果你自己也有一直重複交代 AI 的事情，不妨試著請 AI 訪談你，一起把它變成你的第一個 Skill。
參考資料
iThome鐵人賽
看影片追技術