8歲寶寶Skill入門教程：手把手教你使用Skill
整理版優先睇
Agent Skill 係乜？點安裝點用？呢篇教到你識
呢篇文章係由驍哥——一個資深大廠研發老牛馬——寫嘅 Agent Skill 入門實戰教程。作者見 Skill 喺2026年俾各大廠爭相追捧，但好多開發者仲係唔知點樣開始用，所以決定由基本概念講起，手把手帶你揀工具、揾資源、安裝同使用 Skill。
文章先解釋 Skill 係將一個能力封裝成可重用嘅「技能」，令你加載之後可以瞬間習得，達到能力複用同轉移。跟住作者整理咗主流支援 Skill 嘅工具清單，包括海外嘅 Claude Code、Codex、Cursor，同國內嘅 TRAE、CodeBuddy、Coze，並按經驗俾咗建議：零基礎用 TRAE 或 Coze，有經驗嘅可以用 Codex 或 Claude Code。
之後作者推介咗三個 Skill 資源站：佢自己創辦嘅 Skill Hub 中國（主打開源、實戰導向）、Skillsmp（最全16萬個 Skill）同 Skills.sh（Vercel 官方排行）。最後以 UI UX Pro Max 呢個設計專家 Skill 為例，詳細示範咗喺 TRAE、Codex、Coze 上面嘅安裝步驟，同埋用 TRAE 實際調用 Skill 生成寵物美容網頁嘅效果。成篇嘅結論係：只要揀啱工具同資源，任何人都可以快速上手 Skill。
- Skill 嘅核心價值係能力複用與轉移，加載後可瞬間習得新技能。
- 零基礎建議用 TRAE 或 Coze，有經驗可揀 Codex 或 Claude Code。
- Skill Hub 中國係實戰導向開源站，Skillsmp 有16萬個 Skill，Skills.sh 有下載排行。
- 安裝方法因工具而異：TRAE 用設定頁上傳，Codex 解壓到 .codex/skills，Coze 喺官網上傳。
- 使用時只需喺提示詞提及技能名稱，AI 就會自動套用規範，產出商用級界面。
Skill Hub 中國
驍哥創辦嘅國內 Skill 社區，開源免費，每個 Skill 都配有實戰教程。
Skillsmp
最全嘅 Skill 資源站，收錄16萬個 Skill。
Skills.sh
Vercel 官方出品，提供 Skill 下載量排行。
UI UX Pro Max
一個 UI/UX 設計專家 Skill，讓 AI 自動遵循商用設計規範，產出精緻界面。
Skill 係啲咩？點解咁重要？
Skill，顧名思義就係「技能」。作者用人類學踩單車做比喻：你一旦學會咗呢個技能，往後就唔使重新摸索，上車就識踩。同理，如果人哋將「騎單車」封裝成一個 Skill，你加載之後就 瞬間習得 呢個技能。呢個就係 Skill 嘅兩大價值：能力複用與轉移。
邊啲工具支援 Skill？點揀好？
作者整理咗市面上主流支援 Skill 嘅工具清單，分海外同國內兩大陣營：
- 海外主流：Claude Code、Codex、Cursor、Antigravity、OpenCode
- 國內主流：TRAE、CodeBuddy、Qoder、Coze
作為資深老牛馬，作者嘅實戰建議係：零基礎小白直接上 TRAE 或 Coze，界面友好、中文文檔齊全、社區活躍；有經驗嘅就試 Codex、Claude Code、Cursor，功能更強大，可定製性更高，但需要啲「折騰」精神。
去邊度揾好用嘅 Skill？三個資源站推介
揀好工具之後就要揾 Skill 啦。作者推介咗三個站，特別係佢自己創辦嘅 Skill Hub 中國：完全開源免費，每個 Skill 都對應一個真實開發場景，配有精選實戰教程，質量把關嚴格。佢強調「實踐導向，而非目錄羅列」，呢個係同其他平台最大嘅不同。
- Skill Hub 中國（https://www.skill-cn.com/）：開源、免費、社區驅動，每個 Skill 有實戰教程
- Skillsmp（https://skillsmp.com/zh）：最全，收錄咗 16 萬個 Skill
- Skills.sh（https://skills.sh/）：Vercel 官方出品，有 下載量排行，方便揀熱門
安裝 Skill 實戰：TRAE、Codex、Coze 三步搞掂
作者以 UI UX Pro Max 呢個 Skill 為例，分別示範三款工具嘅安裝方法。首先去 Skill 詳情頁下載 Zip 包，或者用 npx 指令。然後跟以下步驟：
- 1 TRAE：開「SOLO」→「設定」→「規則和技能」→「+ 創建」→「上傳智能解析」，揀選 Zip 包即可
- 2 Codex：喺當前項目新建 .codex/skills 目錄，解壓 Zip 包入去，啟動 Codex 打 $ 驗證
- 3 Coze：登入 https://www.coze.cn/skills，按路徑上傳 Zip 包，等解析完成
完成後，個 Skill 就成功安裝咗啦。
實際使用效果：一句提示詞出商用級界面
作者用 TRAE 做示範，提示詞係：「使用 ui-ux-pro-max 呢個技能創建一個友好嘅寵物美容服務靜態 Demo 主頁，包含造型卡片、服務套餐、寵物照片展示、預約系統同埋寵物主人嘅評價。使用活潑温暖嘅色彩。」
使用 ui-ux-pro-max 呢個技能創建一個友好嘅寵物美容服務靜態Demo主頁，包含造型卡片、服務套餐、寵物照片展示、預約系統同埋寵物主人的評價。使用活潑温暖的色彩。出現提示就代表 Skill 調用成功。作者展示咗效果，介面靚到似專業設計師整嘅。總結就係：只要裝好 Skill，一句話 AI 就識自動跟規範生成，真係好實用。
Agent SKILL，2026年 最火爆嘅 AI 技術❗️
Anthropic、OpenAI、Google、字節跳動、騰訊、阿里巴巴 等國內外大廠，都爭住加入呢股 Agent SKILL 嘅熱潮 ⚡️
今日繼續嚟手把手教大家，點樣用 Skill💁
前情提要：Agent Skill 係咩嚟？
Skill，顧名思義，就係「技能」。我哋用人類學踩單車做例子💁
你一旦學識咗「踩單車」呢個「技能」，之後就唔使重新摸索踩車嘅感覺，上車後唔使諗就識踩
假設人哋將「踩單車」封裝成一個「技能」，你加載咗呢個「技能」，咁你就 瞬間學識咗 踩單車呢個技能👍
以上就係Skill嘅兩個最大價值：能力重用同轉移
咁應該去邊度揾好用嘅Skill，又點樣用呢？🧏
邊啲工具支援 Skill ？
呢個係驍哥整理咗嘅市面上主流支援 Skill 嘅工具清單：
海外主流工具：Claude Code、Codex、Cursor、Antigravity、OpenCode...
國內主流工具：TRAE、CodeBuddy、Qoder、Coze
作為一個資深大廠研發老牛馬，驍哥嘅實戰建議係：
🔰 零基礎小白：直接上 TRAE 或 Coze
✨介面友好，操作符合我哋習慣
✨中文文件齊全，遇到問題容易解決
✨社區活躍，可以揾到好多中文教學
💪 有啲經驗：試試 Codex、Claude Code、Cursor
🔥功能更強大，可自訂性更高
🔥海外社區生態成熟，Skill 資源豐富
🔥但需要多少少「折騰」精神
去邊度揾好用嘅 Skill？
揀好工具，下一步就係揾 Skill
呢度驍哥向大家推薦 3 個 Skill 資源站！😃
Skill Hub 中國
https://www.skill-cn.com/
😼驍哥創辦嘅 Skill 國內社區👉我創辦咗Skill Hub！解決咗國內 Skill 使用者「最痛」嘅點
☘️ 完全開源 • 免費 • 社區驅動
Skill Hub 嘅理念好簡單：唔追求數量，只追求「用得、好用、可復現」 每個 Skill 都配套咗精選嘅實戰教學 —— 我由全網篩選出最優質嘅實踐教學
✨以實際需求為導向：每個 Skill 都對應一個真實嘅開發場景，唔係為咗炫技而存在
⚡️質量把關嚴格：唔求多，只求精。收錄嘅 Skill 都經過實戰驗證
🔥配有詳細講解：每個 Skill 都有配套嘅社區文章，手把手教你點用
🍃完全開源免費：隨便用
👨🎓適合邊啲人：國內開發者，想快啲揾到解決方案嘅
「實踐導向，唔係目錄羅列」，呢個就係 Skill Hub 同其他平台最大嘅分別
Skillsmp
https://skillsmp.com/zh
最齊全嘅 Skill 資源站，至今已經收錄咗 16 萬個 skill
Skills.sh
https://skills.sh/
vercel官方出品，對所有 skill 做咗下載量排名，方便大家揀出下載量高嘅 skill
實戰演練：手把手教你安裝使用 Skill
首先我哋揀出自己需要嘅 skill
👉 入到 SKILL 詳情頁，㩒「下載 SKILL 包」
或者可以直接用 npx 指令下載
今次我哋就用 UI UX Pro Max 呢個 SKILL 做例子，嚟講解
https://www.skill-cn.com/skill/1
🧑🎨 UI UX Pro Max 係一個俾 AI 編程助手用嘅 UI / UX 設計專家 Skill，令 AI 寫前端代碼嗰陣，自動跟成熟產品嘅設計規範，直接產出商用級別精緻嘅介面
🚀 跟住，我哋分別用 TRAE 、Codex、Coze 三個有代表性嘅工具，嚟講解下點樣安裝 SKILL
TRAE
步驟一：打開 TRAE
步驟二：跟圖中操作步驟，「SOLO」→「設定」→「規則同技能」→「+ 建立」
步驟三：㩒上載進行智能解析，揀返我哋下載嘅 Skill Zip 包
步驟四：㩒「確定」，技能就安裝成功
Codex
步驟一：喺當前項目，開新嘅 .codex/skills 目錄
步驟二：將 Skill Zip 包，解壓縮到目錄下面
步驟三：啟動 Codex，輸入$，做驗證
Coze
登錄 https://www.coze.cn/skills，按下圖路徑，上載 Skill Zip 包，等解析完成
✅ 咁樣，我哋就完成咗 Skill 嘅安裝 😃
🚀 跟住，我哋開始實際用 Skill，呢度我哋繼續用 TRAE 做講解，提示詞如下：
用 ui-ux-pro-max 呢個技能
建立一個友善嘅寵物美容服務靜態示範主頁，包含造型卡片、服務套餐、寵物相片展示、預約系統同埋寵物主人嘅評價。用活潑温暖嘅顏色。
出現提示，即係代表 Skill 調用成功
效果展示：
小結
以上就係今期嘅全部內容，大家可以自己去試嚇實戰😃
如果有任何關於 skill 嘅問題，或者想獲取 skill 更多嘅實踐技巧，歡迎嚟一齊學習交流👏
往期Skill實踐👇
用AI編程 + Remotion Skill，實現直播間刷禮物特效？
一句話令AI編程，完成影片摳綠幕 —— Remotion Skill嘅使用技巧
瀏覽器自動化Skill：Agent Browser終極攻略（含登錄狀態解決方案）
AI編程可以直接生成影片？Remotion Skill 初體驗
呢個SKILL，自動操作我嘅瀏覽器，挖咗我嘅網購記錄出嚟0.0！？
Agent SKILL，2026年 最火爆的 AI 技術❗️
Anthropic、OpenAI、谷歌、字節、騰訊、阿里 等國內外大廠，紛紛下場，加入了這場 Agent SKILL 的熱潮 ⚡️
今天繼續來手把手教大家，如何使用 Skill💁
前情提要：Agent Skill 是什麼？
Skill，顧名思義，就是“技能”。咱們拿人類學習騎自行車舉例💁
你一旦學會了“騎自行車”這個“技能”，往後就無需重新摸索騎車的感覺了，上車後不假思索就能騎
假設別人把“騎自行車”封裝成了一個“技能”，你加載了這個“技能”，這樣你就 瞬間習得了 騎自行車這個技能👍
以上便是Skill的兩個最大的價值：能力複用與轉移
那麼應該哪裏找到好用的Skill，又如何使用呢？🧏
那些工具支持 Skill ？
這是驍哥整理的市面上主流支持 Skill 的工具清單：
海外主流工具：Claude Code、Codex、Cursor、Antigravity、OpenCode...
國內主流工具：TRAE、CodeBuddy、Qoder、Coze
作為一個資深大廠研發老牛馬，驍哥的實戰建議是：
🔰 零基礎小白：直接上 TRAE 或 Coze
✨界面友好，操作符合國人習慣
✨中文文檔齊全，遇到問題容易解決
✨社區活躍，能找到不少中文教程
💪 有一定經驗：試試 Codex、Claude Code、Cursor
🔥功能更強大，可定製性更高
🔥海外社區生態成熟，Skill 資源豐富
🔥但需要一定的“折騰”精神
去哪裏找好用的 Skill？
工具選好了，下一步就是找 Skill了
這裏驍哥向大家推薦 3 個 Skill 資源站！😃
Skill Hub 中國
https://www.skill-cn.com/
😼驍哥創辦的 Skill 國內社區👉我創辦了Skill Hub！解決了國內 Skill 使用者“最痛”的點
☘️ 完全開源 • 免費 • 社區驅動
Skill Hub 的理念很簡單：不追求數量，只追求"能用、好用、可復現" 每個 Skill 都配套了精選的實戰教程 —— 我從全網篩選出最優質的實踐教程
✨以實際需求為導向：每個 Skill 都對應一個真實的開發場景，不是為了炫技而存在
⚡️質量把關嚴格：不求多，只求精。收錄的 Skill 都經過實戰驗證
🔥配有詳細講解：每個 Skill 都有配套的社區文章，手把手教你怎麼用
🍃完全開源免費：隨便用
👨🎓適合人羣：國內開發者，想快速找到解決方案的
“實踐導向，而非目錄羅列”，這便是 Skill Hub 和其他平台最大的不同
Skillsmp
https://skillsmp.com/zh
最全的 Skill 資源站，至今已收錄 16w 個skill
Skills.sh
https://skills.sh/
vercel官方出品，對所有的skill進行了下載量排行，方便大家選出下載量靠前的skill
實戰演練：手把手教你安裝使用 Skill
首先我們選出自己需要的skill
👉 進入 SKILL 詳情頁，點擊 「下載 SKILL 包」
或者也可以直接使用 npx 指令下載
本次我們就以 UI UX Pro Max 這個 SKILL 為例，進行講解
https://www.skill-cn.com/skill/1
🧑🎨 UI UX Pro Max 是一個給 AI 編程助手用的 UI / UX 設計專家 Skill，讓 AI 在寫前端代碼時，自動遵循成熟產品的設計規範，直接產出商用級別精緻的界面
🚀 接下來，我們分別以 TRAE 、Codex、Coze 三個具有代表性的工具，來講解下：如何安裝SKILL
TRAE
步驟一：打開TRAE
步驟二：按照圖中操作流程，「SOLO」→ 「設置」→ 「規則和技能」→ 「+ 創建」
步驟三：點擊上傳進行智能解析，選擇我們下載的 Skill Zip 包
步驟四：點擊「確定」，技能即可安裝成功
Codex
步驟一：在當前項目，新建 .codex/skills 目錄
步驟二：將 Skill Zip 包，解壓至目錄下
步驟三：啓動 Codex，輸入$，進行驗證
Coze
登錄https://www.coze.cn/skills，按下圖路徑，上傳Skill Zip 包，等待解析完成
✅ 這樣，我們就完成了 Skill 的安裝 😃
🚀 接下來，我們開始實際使用 Skill，這裏我們還是用 TRAE 進行講解 提示詞如下：
使用 ui-ux-pro-max 這個技能
創建一個友好的寵物美容服務靜態Demo主頁，包含造型卡片、服務套餐、寵物照片展示、預約系統以及寵物主人的評價。使用活潑温暖的色彩。
出現提示，則代表 Skill 調用成功
效果展示：
小結
以上就是本期的全部內容，大家可以去動手實踐一下😃
如果有任何關於skill的問題，或者想要獲取到skill更多的實踐技巧，歡迎來一起學習交流👏
往期Skill實踐👇
用AI編程 + Remotion Skill，實現直播間刷禮物特效？
一句話讓AI編程，完成視頻摳綠幕 —— Remotion Skill的使用技巧
瀏覽器自動化Skill：Agent Browser究極攻略（含登錄態解決方案）
AI編程可以直接生成視頻了？Remotion Skill 初體驗
這個SKILL，自動操作我的瀏覽器，扒出了我的網購記錄0.0！？