你是小阿巴，正在用 AI 開發網站。
為了讓 AI 生成的效果更好，你告訴 AI：
-
界面不要使用藍紫漸變色
-
不要生成一大堆沒用的文檔
-
你要遵循公司的代碼規範
阿巴阿巴，洋洋灑灑幾百字。
之後每次開發網站時，你都要寫這麼一段又臭又長的提示詞，太麻煩了！
於是聰明的你開始想辦法。
先把常用的提示詞保存到單獨的文件（比如 prompts.md），每次手動投餵給 AI。
然後創建了資源文件夾，把公司的代碼規範、設計素材都塞進去，告訴 AI 參考這些寫。
接着你還寫了一些腳本，讓 AI 生成代碼後自動執行格式化、運行測試、提交代碼到 Git。
最後我再寫個 AGENTS.md 文件，把所有規範和工作流程都寫進去，讓 AI 自動讀取。
你沾沾自喜：嘿嘿，俺這套工作流，堪稱完美！
但很快，你發現了問題，隨着規範越寫越多，文檔越來越臃腫，每次對話都要佔用很多 AI 上下文空間，浪費 tokens。
於是你找到號稱 “沒有人比他更不懂 AI” 的魚皮求助：阿巴阿巴，俺還能咋辦啊……
魚皮：不是有 Agent Skills 麼？為啥不直接用？
你一臉懵：啥玩意兒？
魚皮：這可是最近 AI 圈兒爆火的技術，下面我來帶你玩轉 Agent Skills，讓你知道它是什麼、怎麼用、有什麼魔力、怎麼自己開發。
點個收藏，我們開始~
⭐️ 推薦觀看視頻動畫版，更通俗易懂：
什麼是 Agent Skills？
Agent Skills 是 Anthropic 推出的
簡單來説，它就是給 AI 裝備的 技能包。技能包裏有精心設計的提示詞、代碼腳本、還有各種資源文件。
把 AI 想象成一個職場小白，給他裝上 文檔處理技能，它就立刻知道怎麼生成 PPT、處理 Excel 表格；裝上 代碼規範技能，它就知道怎麼按照公司標準寫代碼。
你撓撓頭：等等…… 這不就是俺在做的事嗎？把教 AI 做事的文檔和 AI 要用到的文件打包成文件夾？
魚皮：差不多，但 Anthropic 把它做成了一個通用標準，而且在實現原理上有一些新花樣……
你捶胸頓足：可惡啊，俺差點就改變世界了！這能有什麼新花樣？
魚皮：我先來帶你用一下 Agent Skills，再跟你説説其中的奧秘。
Agent Skills 入門實戰
目前對 Agent Skills 支持最完善的工具是 Anthropic 官方的
1、安裝 Skills 技能
先打開 Claude Code 並輸入命令，添加官方技能市場：
/plugin marketplace add anthropics/skills
這就像是在你的 AI 助手裏開通了一個技能商店，接下來你就可以從商店中獲取技能了。
在 Claude Code 中輸入命令，安裝官方提供的技能包：
/plugin install example-skills@anthropic-agent-skills
這個 example-skills 包含了一堆官方示例技能，包括前端設計、網頁測試、動圖製作等等。
裝完之後，你就可以直接讓 AI 使用這些技能了。
2、前端設計技能
比如你要做一個網站，以前沒裝技能的時候，AI 生成的代碼又是那個熟悉的藍紫漸變色，千篇一律的 AI 審美。
現在安裝了 frontend-design 這個 教 AI 生成專業設計感網站 的技能後，你輸入：“幫我開發個人作品集網站”。
AI 會主動問你：我發現你安裝了前端設計技能，需要用它來生成更具設計感的頁面嗎？
確認之後，AI 會利用技能生成代碼，告別藍紫漸變，生成獨特風格的精美頁面。
我們不用每次都給 AI 輸入一大堆相同的提示詞，裝一次技能就行了。
3、文檔處理技能
除了代碼相關的技能，官方還提供了文檔處理技能包。
同樣在 Claude Code 中輸入一行命令安裝：
/plugin install document-skills@anthropic-agent-skills
這個技能包裏有 PPT 製作、Word 文檔生成、Excel 數據分析、PDF 解析等技能。
接下來如果你讓 AI 做個 PPT，它會自動調用 PPT 製作技能，直接生成排版好的 PPT 文件，幫你節省幾個小時。
揭秘 Agent Skills 內部原理
你好奇道：咦，為什麼 Skills 能做到安裝即用？技能包裏面到底有啥？AI 又是怎麼知道該用哪個技能的？
魚皮：好問題。
my-skill/
├── SKILL.md # 必需：指令和元數據
├── scripts/ # 可選：可執行腳本
├── references/ # 可選：參考文檔
└── assets/ # 可選：模板和資源
由於每個技能的複雜度不同，結構也會存在區別。我們可以在本地目錄中找到已安裝的技能文件夾。
以官方的 PPT 製作技能為例，它的結構是這樣的：
skills/pptx/
├── SKILL.md # 技能説明書（必需）
├── ooxml/ # OOXML 相關資源
├── scripts/ # 處理腳本
├── html2pptx.md # HTML 轉 PPT 説明
├── ooxml.md # OOXML 格式説明
└── LICENSE.txt # 許可證
包含一個核心的技能説明文檔 SKILL.md，還有腳本、參考文檔和各種資源文件。
而 frontend-design 前端設計技能只有一個 SKILL.md 文件。
SKILL.md 文件是每個技能的核心，它包含兩個關鍵部分。
第一部分是 元數據，用 YAML 格式寫在文件開頭：
---
name
其中 name 是技能的名字。description 是技能的描述，告訴 AI 什麼時候應該使用這個技能。描述寫得越清晰，AI 就越容易在合適的時機調用它。
第二部分是 指令內容，就是一套經過精心設計的提示詞，指導 AI 具體怎麼做。
以
-
設計思考：在寫代碼前，先分析產品目的、用户羣體、技術約束，然後選擇一個大膽的美學方向（極簡、復古未來、工業風、有機自然、奢華精緻等）
-
前端美學指南：包括字體選擇（避免 Arial、Inter 等爛大街字體，選擇有個性的組合）、配色主題（主色調配鮮明點綴色）、動效設計、空間構成、背景和視覺細節
-
避坑指南：明確禁止紫色漸變、系統字體、千篇一律的佈局等 AI 審美陷阱
你撓了撓頭：如果有多個 SKills，AI 怎麼知道該用哪個技能呢？如果把每個技能説明文檔都塞給 AI，不是很佔用上下文麼？
魚皮：這就要説到 漸進式披露（Progressive Disclosure） 這個核心機制了。
當你讓 AI 執行任務時，它會先掃描技能目錄，但不會把所有內容都加載到上下文中。而是隻讀取每個技能的元數據（名字和描述），發現描述和任務相關，就知道該用這個技能了。
然後才把完整的技能説明文檔讀進來，按照裏面的指令執行：
並根據需要加載技能包中的其他資源：
用到哪個查哪個，既精準匹配又節省上下文，這就是漸進式披露的精髓。
所以 Agent Skills 的本質就是 把專業知識打包成一個文件夾，讓 AI 按需讀取並使用。
跨工具的 Agent Skills
你問：除了 Claude Code 之外，其他 AI 工具支持 Agent Skills 麼？俺平時用 Cursor 比較多……
魚皮：當然能！
Skills 的社區也非常活躍，你可以在
比如有個叫
用法很簡單，首先按照
npm install -g uipro-cli
然後進入到你的項目目錄下，根據使用的 AI 工具執行對應的命令。比如我這裏用 Cursor：
uipro init --ai cursor
它會自動把技能安裝到 Cursor 的配置目錄裏。
安裝完成後，可以看到它的文件結構：
接下來，當你讓 AI 開發一個網站時，可以使用斜槓命令手動觸發技能，或者讓 AI 自動識別技能。
1）AI 會根據你的需求識別出產品類型和需要的頁面類型
2）然後調用 search.py 搜索腳本，在 data 目錄裏進行多維度搜索，找到適合的配色、字體、佈局風格
3）綜合搜索結果，生成完整的設計方案（主色調、字體組合、間距規範等）
4）最後，再按照設計方案生成代碼
這樣一來，生成的界面既專業又有設計感。
AI 不需要把所有規則都背下來，而是用到哪個查哪個，這就是 Agent Skills 的精髓。
創建自己的 Agent Skills
用了很多別人的技能後，你產生了一個大膽的想法：俺能不能把公司的週報格式封裝成一個技能？以後推薦給新來的同事，還能賣個幾塊錢，嘿嘿嘿~
魚皮笑道：有點兒東西，你打算怎麼做呢？
你會心一笑：當然是發揮程序員最擅長的事情 —— 複製粘貼！
俺先複製一個官方的技能包，修改目錄名稱為自己的。
然後修改技能説明文檔 SKILL.md 的元數據、指令內容這些關鍵部分。
示例 SKILL.md 文件：
---
name: company-weekly-report
description: 生成符合公司規範的項目週報，包含進度彙總、問題跟蹤和下週計劃
---
# 公司週報生成技能
當用户要求生成周報時，請按以下步驟執行：
## 1. 收集信息
- 詢問本週完成的主要工作
- 詢問遇到的問題和解決方案
- 詢問下週計劃
## 2. 格式規範
- 使用公司藍色主題
- 標題使用微軟雅黑加粗
- 每個模塊不超過 5 個要點
## 3. 輸出格式
- 默認輸出 Markdown
- 如需 PPT，調用 pptx 技能
最後，把公司的 Logo、PPT 模板、報告樣例放在子文件夾裏就行了。媽媽再也不用擔心我的週報了~
魚皮：不錯不錯，但其實有更簡單規範的方法。
在前面安裝的 example-skills 官方示例技能包裏，有一個叫 Skill Creator 的技能，專門用來幫你創建新技能。
你只需要跟 AI 説：“幫我創建一個專門生成公司週報的技能”
接下來 AI 會問你幾個問題，一步一步回答就好：
-
你希望週報包含哪些主要部分？
-
你希望週報以什麼格式輸出?
-
你通常會如何使用這個週報技能?
-
希望週報的語言風格是什麼?
很快，一個完整的技能包就生成了，你會看到一個 .skill 為後綴的文件，本質上是一個 zip 壓縮包。
你可以把它解壓到你的個人技能目錄（~/.claude/skills/）下，你的所有項目都能用。
如果你想讓這個技能只在某個項目生效，可以把它放到項目的 .claude/skills/ 目錄下，並且利用 Git 同步給項目組其他成員。
測試沒問題後，你還可以把它開源到 GitHub，或者上傳到
Skills / MCP / 斜槓命令的區別
你開心極了：原來開發一個 Skills 這麼簡單！但是，這玩意兒跟之前火爆的 MCP 和斜槓命令有啥區別？
魚皮：好問題！
MCP 就像給 AI 裝上了 “手和眼睛”，讓 AI 能夠連接外部工具和數據源，比如搜索網頁、讀取代碼倉庫、查詢數據庫。適合需要獲取數據或操作外部系統的場景。
而 Agent Skills 更像是給 AI 發了一本 “工作手冊”，把專業知識和工作流程打包起來，教 AI 在特定領域該怎麼做。
至於斜槓命令，它就像是快捷鍵，是需要你手動輸入 /command 命令來觸發的固定操作；而 Skills 的特點是 AI 可以自動識別該用什麼技能，不需要你顯式調用。
對了，其實 MCP 和 Skills 是可以結合起來的。
舉個例子，如果你想讓 AI 幫你發週報：
-
MCP 負責獲取數據：從任務管理數據庫拉取這周的任務列表
-
Skills 負責加工數據：把獲取到的原始數據整理成老闆愛看的格式
一個提供食材，一個提供配方。
Agent Skills 憑什麼大火？
你看着技能文件夾的結構，突然怪叫一聲：等等，俺突然意識到一個問題…… 這不就是我們程序員玩爛的 “封裝、複用、模塊化、懶加載” 那一套嗎？
寫幾個代碼文件、打個包、發到網上，讓其他程序員下載下來用，不是一回事兒麼？
為什麼 Agent Skills 能突然讓整個 AI 圈為之瘋狂？
魚皮：好問題，從技術的角度來看，它並沒有發明什麼驚天動地的算法。
在我看來，它能火主要是 2 個原因。
第一，它是開放標準，封裝一次技能包後就能在各種 AI 工具裏複用，還能通過社區共享。
更重要的是，Skills 能立刻讓 AI 的工作更專業可靠，讓普通人 “無感” 地享受技術帶來的價值。以前想讓 AI 變聰明，你得學提示詞工程、配置各種工具鏈。現在只需要像裝 APP 一樣安裝技能包，AI 就立刻變專業了。一項技術的成功，不在於它有多複雜，而在於它能讓普通用户不關注技術細節的情況下，感受到技術的價值。
結尾
你點點頭：學會了學廢了！降低門檻，才是技術走向大眾的鑰匙。
魚皮：沒錯，Agent Skills 不僅僅是個技術概念，更是一種新的工作方式。你可以把它融入到自己的日常工作中，比如把重複的任務封裝成技能、把團隊的最佳實踐固化成技能，讓 AI 真正成為你的得力助手。
在這個 Vibe Coding 盛行的年代，技術的門檻正在崩塌，而想象力的邊界正在無限擴張。你可以在我免費開源的
開源指路：https://github.com/liyupi/ai-guide
那麼問題來了，你最想讓 AI 學會什麼技能呢？
