用 Claude Code 嘅人越嚟越多，但大部份人都仲停留喺「對話+寫代碼」嘅階段。

其實 Claude Code 有個俾人嚴重低估咗嘅能力：Skills。

簡單講，Skills 就係俾 AI 裝嘅「專業技能包」。裝咗之後，Claude Code 就具備咗某個領域嘅專業知識同操作能力。

唔係嗰種空泛嘅知識，而係真係做到嘢嗰種。

今日按使用場景，整理咗 10 個我實際用過或者研究過嘅 Skills。有啲係官方出品，有啲係社區大神開源嘅。

先睇個全景圖：

下面按場景展開講。

一、影片製作類

1. Remotion Skill —— 用代碼做影片

Remotion 係個用 React 寫影片嘅框架，GitHub 上有 2.8 萬 Star。

以前想用佢做影片自動化，門檻唔低，要熟佢嘅 API 同各種參數。

而家有咗 Remotion Skills，Claude Code 直接就明 Remotion 嘅官方規範同最佳實踐。

你同佢講「做一個帶數據可視化嘅影片」，佢就知點用 Remotion 嘅組件嚟實現，唔使你再用解釋 API 點樣調用。

安裝指令：

npx skills add remotion-dev/skills

適合邊個： 想用代碼批量生成影片嘅人、做數據可視化影片嘅團隊。

開源地址：https://github.com/remotion-dev/skills

2. YouTube Clipper —— 長影片自動提取精華

呢個 Skill 做嘅嘢好實用：掟一個 YouTube 連結入去，自動下載、分析、剪輯、加字幕。

核心係佢唔按時間機械切割，而係用 Claude 做語義分析，識別內容結構之後再切片。

仲可以自動生成中英雙語字幕，輸出適合小紅書、抖音嘅豎版格式。

做內容二創嘅應該會鍾意呢個。

開源地址：https://github.com/op7418/Youtube-clipper-skill

二、前端設計類

呢兩個 Skill 係解決「AI 寫前端太樣衰」呢個老大難問題嘅。

3. Frontend Design —— Anthropic 官方出品

眾所周知，AI 寫前端頁面，十有八九係藍紫漸變配白底，一眼就睇得出係 AI 整。

Anthropic 官方專門出咗呢個 Skill 嚟解決呢個問題。

裝咗之後，Claude Code 會用設計師嘅思維嚟做前端，配色有層次、佈局有節奏、唔再係嗰種「用得但樣衰」嘅效果。

我嘅實測感受： 生成嘅頁面有個性，視覺衝擊力強，適合想要獨特設計感嘅項目。

安裝方式：

# 通過官方倉庫安裝
git clone https://github.com/anthropics/skills
# 把 frontend-design 文件夾複製到 ~/.claude/skills/

開源地址：https://github.com/anthropics/skills

具體參考：【強烈推薦】呢個 skill 令你嘅 claude code 構建 UI 能力提升100倍！！

4. UI UX Pro Max —— 社區開源嘅設計知識庫

如果話 Frontend Design 偏向「俾你好設計」，UI UX Pro Max 更加偏向「俾你自定義設計」。

佢將 50 種 UI 風格、21 套配色方案、50 種字體組合、UX 設計指南都打包成知識庫。AI 生產嘅前端唔滿意，強烈推薦試下

你可以指定要乜嘢風格（極簡、玻璃擬態、新擬物等），佢會按規範嚟做。

適合場景： 有明確設計要求嘅項目，例如醫療行業要用藍白配色、金融產品要穩重風格。

安裝指令：

npm install -g uipro-cli
cd your-project
uipro init --ai claude

三、知識管理類

5. NotebookLM Skill —— 打通 Claude 同你嘅知識庫

NotebookLM 係 Google 嘅知識管理工具，好多人用佢整理資料。

呢個 Skill 可以令 Claude Code 直接查詢你嘅 NotebookLM 筆記本。

唔使再來回切換視窗、複製貼上喇。

典型用法：

• 整理咗技術文檔，等 Claude Code 根據文檔回答問題
• 放咗行業資料，寫文嗰時叫佢參考呢啲內容
• 存咗團隊規範，做代碼審查時自動對照檢查

安裝有啲麻煩，需要完成 Google 認證。詳細教學可以睇等Claude Code直接調用你嘅NotebookLM知識庫——告別反覆貼上

開源地址：https://github.com/PleasePrompto/notebooklm-skill

四、內容發佈類

6. X Article Publisher —— Markdown 一鍵發佈到 X

寫好 Markdown 文章，想發上 X（Twitter）？

手動操作好麻煩：X 嘅編輯器對 Markdown 支援差，圖片要一張張插入，排版成日走位。

呢個 Skill 自動處理格式轉換同圖片定位，喺 Claude Code 裏面一句話就可以發佈。

開源地址：https://github.com/wshuyi/x-article-publisher-skill

五、技能管理類

7. find-skills —— 技能界嘅 npm

呢個係 Vercel Labs 開源嘅工具，用嚟搜索同安裝 Skills。

以前揾 Skill 要自己睇 GitHub，而家一行指令就搞掂。

# 搜索 React 相關技能
npx skills find react

# 安裝某個技能
npx skills add vercel-labs/agent-skills@vercel-react-best-practices

支援 30 幾種 AI 編輯器：Claude Code、Cursor、Cline、GitHub Copilot 都用得。

點解推薦： 佢解決咗「點樣揾到好 Skill」呢個入門問題。裝咗呢個，就有咗探索整個 Skills 生態嘅入口。仲喺度手寫幾百行 Prompt？一個指令令 Claude Code 秒變專家

官網：https://skills.sh

8. skill-from-masters —— 從專家學習自動生成 Skill

想創建自己嘅 Skill，但唔知從邊度開始？

呢個工具會先搜索目標領域嘅頂級專家和最佳實踐，然後根據呢啲知識生成高質素嘅 Skill。

佢用三層搜索：本地專家數據庫 → 網絡搜索 → 一手資料交叉驗證。

仲有個附加功能：指定一個 GitHub 項目，佢可以閲讀源碼之後將設計模式提取成 Skill。

開源地址：https://github.com/GBSOSS/skill-from-masters

六、自動化類

9. dev-browser —— 瀏覽器自動化

等 Claude Code 操作瀏覽器：打開網頁、填表單、截圖、提取數據、測試網站。

基於 Playwright 實現，瀏覽器狀態可以持久化保存。

常見用法：

• 自動化測試 Web 應用
• 批量採集網頁數據
• 填寫表單、登錄操作

呢個 Skill 喺系統裏面已經集成咗，唔需要額外安裝。

七、工程化配置類

10. everything-claude-code —— 黑客松冠軍嘅配置庫

呢個要重點講嚇。

作者係 Anthropic 黑客松嘅獲勝者，呢個倉庫係佢喺比賽中實戰打磨出嚟嘅配置方案。

核心思路係專業分工：

• Planner 只負責需求分析，唔寫代碼
• Architect 負責技術選型同系統設計
• Code Reviewer 專門捉錯處
• Security Reviewer 檢查安全隱患

仲有強制 TDD 流程、上下文預算管理呢啲高級配置。

適合邊個： 用 Claude Code 做正經項目嘅人。如果你仲喺度手動一個個打 Prompt 叫佢改 Bug，去睇嚇呢個倉庫，思路會完全唔同。

呢個唔係簡單嘅 Skill，而係一套完整嘅工程化方法論。

GitHub 地址：https://github.com/afmustafa/everything-claude-code

點樣揀？我嘅建議

啱啱入門： 先裝 find-skills，用佢探索整個 Skills 生態。

做前端： Frontend Design 必裝，UI UX Pro Max 視乎需求。

做影片： Remotion Skill 或 YouTube Clipper，取決於你係從零創作定係二次剪輯。

做正經項目： everything-claude-code 嘅配置思路值得學習。

有知識庫習慣： NotebookLM Skill 可以慳返好多複製貼上嘅時間。

呢啲 Skill 都係開源嘅，裝咗試嚇就知適唔適合自己。

💡推薦閲讀

關於AI編程工具，推薦一個好犀利嘅中轉工具，一個key同時用Claude code/codex/gemini，性價比超高，服務穩定……

註冊地址：https://aigocode.com/invite/WYVFRE57

另外，提供ChatGPT Plus 成品號，代充等，點擊文末【閲讀原文】查看詳情！

或加微信：afly813 諮詢

目前我哋嘅 AI CODE 平台已支援 claude code、codex、Gemini，想體驗最強最先進嘅 AI 編程，衝就得喇！！🚀

夥伴們，以後寫代碼，codex同claude都可以好爽啦！！！

令你嘅 Claude Code 效率飛起！你只差呢個萬能公式！！

呢個先係 AI 編程嘅最強組合，VSCode + Claude Code 令寫代碼快到飛起！

【附提示詞模板】10個 Claude code 高頻提示詞模板（可直接複製使用）！建議收藏！！

我哋嘅ChatGPT充值服務亦已上線，點擊文末【閲讀原文】查看詳情！

用 Claude Code 的人越來越多，但大部分人還停留在"對話+寫代碼"的階段。

其實 Claude Code 有個被嚴重低估的能力：Skills。

簡單說，Skills 就是給 AI 裝的"專業技能包"。裝上之後，Claude Code 就具備了某個領域的專業知識和操作能力。

不是那種泛泛而談的知識，而是真能幹活的那種。

今天按使用場景，整理了 10 個我實際用過或者研究過的 Skills。有些是官方出品，有些是社區大神開源的。

先看個全景圖：

下面按場景展開說。

一、視頻製作類

1. Remotion Skill —— 用代碼做視頻

Remotion 是個用 React 寫視頻的框架，GitHub 上 2.8 萬 Star。

以前想用它做視頻自動化，門檻不低，要熟悉它的 API 和各種參數。

現在有了 Remotion Skills，Claude Code 直接就懂 Remotion 的官方規範和最佳實踐。

你告訴它"做一個帶數據可視化的視頻"，它就知道怎麼用 Remotion 的組件來實現，不用你再解釋 API 怎麼調用。

安裝命令：

npx skills add remotion-dev/skills

適合誰： 想用代碼批量生成視頻的人、做數據可視化視頻的團隊。

開源地址：https://github.com/remotion-dev/skills

2. YouTube Clipper —— 長視頻自動提取精華

這個 Skill 做的事情很實用：丟一個 YouTube 連結進去，自動下載、分析、剪輯、加字幕。

核心是它不按時間機械切割，而是用 Claude 做語義分析，識別內容結構後再切片。

還能自動生成中英雙語字幕，輸出適合小紅書、抖音的豎版格式。

做內容二創的應該會喜歡這個。

開源地址：https://github.com/op7418/Youtube-clipper-skill

二、前端設計類

這兩個 Skill 是解決"AI 寫前端太醜"這個老大難問題的。

3. Frontend Design —— Anthropic 官方出品

眾所周知，AI 寫前端頁面，十有八九是藍紫漸變配白底，一眼 AI 味。

Anthropic 官方專門出了這個 Skill 來解決這個問題。

裝上之後，Claude Code 會用設計師的思維來做前端，配色有層次、佈局有節奏、不再是那種"能用但醜"的效果。

我的實測感受： 生成的頁面有個性，視覺衝擊力強，適合想要獨特設計感的項目。

安裝方式：

# 通過官方倉庫安裝
git clone https://github.com/anthropics/skills
# 把 frontend-design 文件夾複製到 ~/.claude/skills/

開源地址：https://github.com/anthropics/skills

具體參考：【強烈推薦】這個 skill 讓你的 claude code 構建 UI 能力提升100倍！！

4. UI UX Pro Max —— 社區開源的設計知識庫

如果說 Frontend Design 偏"給你好設計"，UI UX Pro Max 更偏"讓你自定義設計"。

它把 50 種 UI 風格、21 套配色方案、50 種字體組合、UX 設計指南都打包成知識庫。AI 生產的前端不滿意，強烈推薦試試

你可以指定要什麼風格（極簡、玻璃擬態、新擬物等），它會按規範來做。

適合場景： 有明確設計要求的項目，比如醫療行業要用藍白配色、金融產品要穩重風格。

安裝命令：

npm install -g uipro-cli
cd your-project
uipro init --ai claude

三、知識管理類

5. NotebookLM Skill —— 打通 Claude 和你的知識庫

NotebookLM 是 Google 的知識管理工具，很多人用它整理資料。

這個 Skill 能讓 Claude Code 直接查詢你的 NotebookLM 筆記本。

不用再來回切換窗口、複製粘貼了。

典型用法：

• 整理了技術文檔，讓 Claude Code 基於文檔回答問題
• 放了行業資料，寫文章時讓它參考這些內容
• 存了團隊規範，做代碼審查時自動對照檢查

安裝稍微麻煩一點，需要完成 Google 認證。詳細教程可以看讓Claude Code直接調用你的NotebookLM知識庫——告別反覆粘貼

開源地址：https://github.com/PleasePrompto/notebooklm-skill

四、內容發佈類

6. X Article Publisher —— Markdown 一鍵發佈到 X

寫好 Markdown 文章，想發到 X（Twitter）上？

手動操作很麻煩：X 的編輯器對 Markdown 支持差，圖片要一張張插，排版經常丟失。

這個 Skill 自動處理格式轉換和圖片定位，在 Claude Code 裏一句話就能發佈。

開源地址：https://github.com/wshuyi/x-article-publisher-skill

五、技能管理類

7. find-skills —— 技能界的 npm

這是 Vercel Labs 開源的工具，用來搜索和安裝 Skills。

以前找 Skill 要自己翻 GitHub，現在一行命令搞定。

# 搜索 React 相關技能
npx skills find react

# 安裝某個技能
npx skills add vercel-labs/agent-skills@vercel-react-best-practices

支持 30 多種 AI 編輯器：Claude Code、Cursor、Cline、GitHub Copilot 都能用。

為什麼推薦： 它解決了"怎麼找到好 Skill"這個入門問題。裝上這個，就有了探索整個 Skills 生態的入口。還在手寫幾百行 Prompt？一個命令讓 Claude Code 秒變專家

官網：https://skills.sh

8. skill-from-masters —— 從專家學習自動生成 Skill

想創建自己的 Skill，但不知道從哪開始？

這個工具會先搜索目標領域的頂級專家和最佳實踐，然後基於這些知識生成高質量的 Skill。

它用三層搜索：本地專家數據庫 → 網絡搜索 → 一手資料交叉驗證。

還有個附帶功能：指定一個 GitHub 項目，它能閲讀源碼後把設計模式提取成 Skill。

開源地址：https://github.com/GBSOSS/skill-from-masters

六、自動化類

9. dev-browser —— 瀏覽器自動化

讓 Claude Code 操作瀏覽器：打開網頁、填表單、截圖、提取數據、測試網站。

基於 Playwright 實現，瀏覽器狀態能持久化保存。

常見用法：

• 自動化測試 Web 應用
• 批量採集網頁數據
• 填寫表單、登錄操作

這個 Skill 在系統裏已經集成了，不需要額外安裝。

七、工程化配置類

10. everything-claude-code —— 黑客松冠軍的配置庫

這個要重點說一下。

作者是 Anthropic 黑客松的獲勝者，這個倉庫是他在比賽中實戰打磨出來的配置方案。

核心思路是專業分工：

• Planner 只負責需求分析，不寫代碼
• Architect 負責技術選型和系統設計
• Code Reviewer 專門挑刺
• Security Reviewer 檢查安全隱患

還有強制 TDD 流程、上下文預算管理這些高級配置。

適合誰： 用 Claude Code 做正經項目的人。如果你還在手動一個個敲 Prompt 讓它改 Bug，去看看這個倉庫，思路會完全不一樣。

這不是簡單的 Skill，而是一套完整的工程化方法論。

GitHub 地址：https://github.com/afmustafa/everything-claude-code

怎麼選？我的建議

剛入門： 先裝 find-skills，用它探索整個 Skills 生態。

做前端： Frontend Design 必裝，UI UX Pro Max 看需求。

做視頻： Remotion Skill 或 YouTube Clipper，取決於你是從零創作還是二次剪輯。

做正經項目： everything-claude-code 的配置思路值得學習。

有知識庫習慣： NotebookLM Skill 能省很多複製粘貼的時間。

這些 Skill 都是開源的，裝上試試就知道適不適合自己。

💡推薦閲讀

關於AI編程工具，推薦一個🐂🍺的中轉工具，一個key同時使用Claude code/codex/gemini ，性價比超高，服務穩定……

註冊地址：https://aigocode.com/invite/WYVFRE57

另外，提供ChatGPT Plus 成品號，代充等，點擊文末【閲讀原文】查看詳情！

或+v：afly813 諮詢

目前我們的 AI CODE 平台已支持 claude code 、codex、Gemini，想體驗最強最前沿的 AI 編程，衝就完事了！！🚀

夥伴們，以後寫代碼，codex和claude都可以爽yy啦！！！

讓你的 Claude Code 效率飛起！你只差這個萬能公式！！

這才是 AI 編程的最強組合，VSCode + Claude Code 讓寫代碼快到飛起！

【附提示詞模板】10個 Claude code 高頻提示詞模板（可直接複製使用）!建議收藏！！

我們的ChatGPT充值服務也已上線，點擊文末【閲讀原文】查看詳情！