【🤖 Claude Code × Skills 實戰】讓 AI 審查更精準:打造標準化 Code Review 機制

阿Han-avatar-img
發佈於 阿Han的軟體技術棧 💡 個房間
更新 發佈閱讀 9 分鐘
vocus|新世代的創作平台


為什麼需要下一步? Code Review AI 的現實困境

我們在「【🤖 Claude Code x Code Review】PR 免等待!打造 AI 自動審查員」分享如何用Claude Code打造Code Review機器人, 實際使用後,確實帶來很多好處:

• PR 不再卡在「沒人 review」

• 能快速指出潛在 bug

• 能協助流程自動化


但實際深入使用後,我也遇到了三個很現實的問題:

• ❌ 同樣規範,AI 並不總是遵守

• ❌ CLAUDE.md / AGENTS.md 寫得很漂亮,但不一定被尊重

• ❌ 有時候很專業,有時候卻像「心情好才審認真」


Skills 登場:讓 AI 從「助手」變成「流程的一部分」

🔍 Skills 解決什麼問題?

• 把「規範」轉成「功能」

• 把「建議」轉成「能力」

• 把「理論」轉成「機制」


簡單說:

Skills =AI 一個「固定行為模組」
而不是「希望它照著我的 prompt 做事」


為什麼寫Skills?

決定是否撰寫Skills之前先詢問自己以下事項:

• 我重複做了什麼事? → 這就是 Skill 的候選

• 這件事有固定流程嗎? → 流程越明確,Skill 越有效

• 我常忘記哪些步驟? → 這正是 Skill 的價值


而我們在「【🤖 Claude Code x Code Review】PR 免等待!打造 AI 自動審查員」遇到的狀況正好滿足上述事項, 因此決定寫一個skill來避免, 也順便學習如何使用, 並分享給大家。


如何建立一個commit skills?

第一步:建立 commit skill 存放目錄

mkdir -p .claude/skills/commit


第二步: 撰寫SKILL.md技巧

2-1 結構三要素

vocus|新世代的創作平台


2-2 Frontmatter:決定「何時觸發」

• name: 簡短、小寫、用連字號。

• description: 兩句話:做什麼 + 何時使用。

• allowed-tools: 只給必要權限(最小權限原則)。

---
name: commit
description: 執行提交前檢查(linting、測試、code review)並建立 git commit。當使用者說「commit」、「提交」、「幫我提交」時使用。
allowed-tools: Bash, Read, Grep, Glob, Edit
---


2-3 目標說明:一句話講清楚

# Git Commit Skill

建立 Git commit 前執行完整的檢查流程。


2-4 執行步驟:像寫 SOP

• 用階段分組(方便理解)

• 用編號排序(確保順序)

• 用具體指令(減少歧義)

• 加上條件判斷(若...則...)

## 執行流程

### 階段 1:程式碼品質檢查
1. **Ruff Linting**
- 執行 `uv run ruff check src/`
- 若有錯誤,先修復再繼續

### 階段 2:Code Review
3. **檢視變更內容**
- 執行 `git diff --stat`


2-5 檢查清單:確保不遺漏

4. **Code Review 檢查清單**
針對每個變更的檔案,檢查:
- [ ] 程式碼邏輯是否正確


2-6 輸出格式:標準化回報

## 完成後回報

### ✅ 檢查結果
- [ ] Ruff linting 通過
- [ ] 測試通過
- [ ] Code Review 完成(無問題 / 已修復)


2-7 注意事項:防止意外

	## 注意事項

- 不要執行 `git push`,除非使用者明確要求
- 若有未追蹤的重要檔案,詢問是否要加入
- 若使用者提供額外說明,可作為 commit message 的參考


第三步:實際撰寫 SKILL.md

這邊我們一併附上實際專案的SKILL.md給您參考:

---
name: commit
description: 執行提交前檢查(linting、測試、code review)並建立 git commit。當使用者說「commit」、「提交」、「幫我提交」時使用。
allowed-tools: Bash, Read, Grep, Glob, Edit
---

# Git Commit Skill

建立 Git commit 前執行完整的檢查流程。

## 執行流程

### 階段 1:程式碼品質檢查
1. **Ruff Linting**
- 執行 `uv run ruff check src/`
- 若有錯誤,先修復再繼續

2. **執行測試**
- 執行 `uv run pytest tests/ -v --tb=short`
- 若測試失敗,停止流程並報告

### 階段 2:Code Review
3. **檢視變更內容**
- 執行 `git diff --stat` 了解變更範圍
- 執行 `git diff` 詳細檢視變更

4. **Code Review 檢查清單**
針對每個變更的檔案,檢查:
- [ ] 程式碼邏輯是否正確
- [ ] 是否有潛在的 bug 或邊界情況未處理
- [ ] 是否有安全性問題(如 SQL injection、XSS、硬編碼密碼等)
- [ ] 命名是否清晰、符合專案慣例
- [ ] 是否有不必要的重複程式碼
- [ ] 錯誤處理是否完整
- [ ] 是否有遺漏的 logging 或過多的 logging

5. **若發現問題**
- 列出問題清單
- 詢問使用者是否要修復後再提交

### 階段 3:準備 Commit
6. **查看 Git 狀態**
- 執行 `git status` 確認要提交的檔案
- 執行 `git log --oneline -5` 了解 commit message 風格

7. **建立 Commit**
- 將相關檔案加入暫存區
- 根據變更內容撰寫 commit message
- 遵循專案的 commit message 風格
- 使用 HEREDOC 格式確保訊息格式正確

## Commit Message 格式

```
<type>: <簡短描述>

<詳細說明(若需要)>

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <[email protected]>
```

**Type 類型**
- `feat`: 新功能
- `fix`: Bug 修復
- `refactor`: 重構(不改變功能)
- `docs`: 文件更新
- `test`: 測試相關
- `chore`: 雜項(設定、建置等)
- `perf`: 效能優化

## 完成後回報

### ✅ 檢查結果
- [ ] Ruff linting 通過
- [ ] 測試通過
- [ ] Code Review 完成(無問題 / 已修復)

### 📝 Commit 資訊
- Commit hash: (提交後顯示)
- 變更檔案數:
- 變更摘要:

## 注意事項

- 不要執行 `git push`,除非使用者明確要求
- 若有未追蹤的重要檔案,詢問是否要加入
- 若使用者提供額外說明,可作為 commit message 的參考


實際驗證成果

當我們輸入「提交」這類型的關鍵字, Claude Code就會自動幫我們選取對應的skill來進行SOP流程, 內部實作概念其實跟我們的 https://github.com/weihanchen/ai-voice-assistant-fastrtc 很像, 也歡迎參考唷!

vocus|新世代的創作平台


結語:AI 不只是工具,而是團隊成員

上一篇,我讓 Claude 成為:

👉 「可以幫忙審 PR 的 AI 工程師」

但這一篇,我希望走得更遠:

👉「讓 AI 成為『可靠、可控、可預期』的工程流程一部分」

這正是:Claude Code × Skills 的真正價值。


留言
avatar-img
阿Han的沙龍
160會員
332內容數
哈囉,我是阿Han,是一位 👩‍💻 軟體研發工程師,喜歡閱讀、學習、撰寫文章及教學,擅長以圖代文,化繁為簡,除了幫助自己釐清思路之外,也希望藉由圖解的方式幫助大家共同學習,甚至手把手帶您設計出高品質的軟體產品。
阿Han的沙龍的其他內容
2026/02/11
過往我們在進行Code Review都必須透過自動化檢核工具(lint…等), 來協助我們檢核的工作量, 但隨著專案的複雜化, 我們單靠Lint檢核語法錯誤的情境顯然已經不敷使用, 且上下文意識薄弱, 僅能針對單點模組確保程式邏輯正確, 這也呼應上圖的強烈對比, 傳統的檢核方式需要透過軟體工程師耗費
Thumbnail
2026/02/11
過往我們在進行Code Review都必須透過自動化檢核工具(lint…等), 來協助我們檢核的工作量, 但隨著專案的複雜化, 我們單靠Lint檢核語法錯誤的情境顯然已經不敷使用, 且上下文意識薄弱, 僅能針對單點模組確保程式邏輯正確, 這也呼應上圖的強烈對比, 傳統的檢核方式需要透過軟體工程師耗費
Thumbnail
2026/01/29
在上一篇「【🔒江湖一點訣】spec-kit 實戰踩坑心得:坑一定會踩,但這篇有解法」中,我分享了在使用 spec-kit 建立開發規格時可能遇到的種種挑戰。 然而,實戰中最高頻發生的痛點往往不是「規格怎麼寫」,而是: 「開發到一半,發現之前的規格寫錯了,或者程式改了但規格沒跟上」。
Thumbnail
2026/01/29
在上一篇「【🔒江湖一點訣】spec-kit 實戰踩坑心得:坑一定會踩,但這篇有解法」中,我分享了在使用 spec-kit 建立開發規格時可能遇到的種種挑戰。 然而,實戰中最高頻發生的痛點往往不是「規格怎麼寫」,而是: 「開發到一半,發現之前的規格寫錯了,或者程式改了但規格沒跟上」。
Thumbnail
2025/12/31
🚀 前言:一場意外的發現之旅 我一直以為語音生成(TTS)技術的門檻很高,不是要靠 Google Cloud、Azure Cognitive Service,就是要跑大量 GPU 模型,部署又複雜、成本又高,很難真正「自己掌握」。 直到某天,我在 GitHub 上看到 Kokoro TTS 一
Thumbnail
2025/12/31
🚀 前言:一場意外的發現之旅 我一直以為語音生成(TTS)技術的門檻很高,不是要靠 Google Cloud、Azure Cognitive Service,就是要跑大量 GPU 模型,部署又複雜、成本又高,很難真正「自己掌握」。 直到某天,我在 GitHub 上看到 Kokoro TTS 一
Thumbnail
看更多
你可能也想看
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是我偷懶想請Claude幫我完成一篇短篇小說時的對話。 我讓Claude處理小說的經驗,只有幾個月前讓它試寫過一小段,然後因為感覺太「舞台劇/樣板戲/偶像劇」感,於是就放棄了。 後來Claude改版,不只變聰明,性格也有調整,我就考慮再試一次看看。剛好我有個「微荒謬黑幽默心理恐怖」的短篇懸疑想寫,
Thumbnail
這是我偷懶想請Claude幫我完成一篇短篇小說時的對話。 我讓Claude處理小說的經驗,只有幾個月前讓它試寫過一小段,然後因為感覺太「舞台劇/樣板戲/偶像劇」感,於是就放棄了。 後來Claude改版,不只變聰明,性格也有調整,我就考慮再試一次看看。剛好我有個「微荒謬黑幽默心理恐怖」的短篇懸疑想寫,
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
AI 的訓練重心正從網路上的公開資訊,轉向人類專家腦中那些難以言傳的隱性知識。本文探討此趨勢,介紹 Claude Skills 如何透過「技能包」將零散知識結構化,並說明「隱性知識提煉」在 AI 時代的重要性。
Thumbnail
AI 的訓練重心正從網路上的公開資訊,轉向人類專家腦中那些難以言傳的隱性知識。本文探討此趨勢,介紹 Claude Skills 如何透過「技能包」將零散知識結構化,並說明「隱性知識提煉」在 AI 時代的重要性。
Thumbnail
人工智慧領域正經歷從單一的大型語言模型(LLM)對話介面,向具備高度自主性、可擴展性且能與外部環境深度整合的「代理式系統」(Agentic Systems)轉型。在這一技術演進的過程中,Anthropic 所構建的 Claude 生態系統展現出了一種精密的工程設計邏輯,其核心在於如何有效地管理上
Thumbnail
人工智慧領域正經歷從單一的大型語言模型(LLM)對話介面,向具備高度自主性、可擴展性且能與外部環境深度整合的「代理式系統」(Agentic Systems)轉型。在這一技術演進的過程中,Anthropic 所構建的 Claude 生態系統展現出了一種精密的工程設計邏輯,其核心在於如何有效地管理上
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
⚠️本文提供 AI 工具的基礎使用教學,但不涉及專業判斷或決策建議。 實測範圍:國王主要用 Artifacts 來寫文章,其他功能(如工具製作、圖表設計等)尚未實際測試,內容整理自 Claude 官方說明。如需使用其他功能,請自行測試驗證。
Thumbnail
⚠️本文提供 AI 工具的基礎使用教學,但不涉及專業判斷或決策建議。 實測範圍:國王主要用 Artifacts 來寫文章,其他功能(如工具製作、圖表設計等)尚未實際測試,內容整理自 Claude 官方說明。如需使用其他功能,請自行測試驗證。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News