回饋迴圈:協助 Claude Code 以更少的監控完成高難度任務

@delba_oliveira
英語1 個月前 · 2026年6月03日
187K
1.1K
81
19
2.5K

TL;DR

本指南說明如何透過將手動驗證步驟編碼為技能,並利用輔助 Agent 進行公正的程式碼審查,進而提升 Claude Code 的自主性。

隨著我們將更複雜的任務交給 Claude,讓它能夠驗證自己的工作也變得越來越重要。

Claude 能自我驗證的程度越高:

  • 它就能越獨立地處理長時間運行的任務
  • 最終結果的品質也越好
  • 來回往返的溝通次數也越少
Delba - inline image

當檢查工作需要依賴你來完成時,編碼就會變成回合制遊戲,而你也失去了 Agent 最具價值的優勢:自主性。

好消息是,Claude 已經能夠針對類型錯誤、lint 錯誤、測試失敗、以及執行時期錯誤等確定性訊號進行自我驗證。隨著模型不斷進步,這個能力只會越來越強。

Claude 不一定能推斷出來的,是一些你在收到它的回應後,以及在將程式碼合併到正式環境之前,會手動執行的檢查。

你越能將這些檢查編碼化,Claude 的第一次回應就越接近你心中最終想要的結果。

你就不用花那麼多時間在旁邊盯著,而 Claude 也能在你忙其他事情的時候繼續運作。

寫下你的流程

一個好的起點,就是把你自己或團隊已經在做的那些最佳實務寫下來。

對前端來說,通常就是:啟動開發伺服器、開啟瀏覽器、檢查主控台是否有錯誤、像使用者一樣點擊操作,並留意是否有版面位移或頁面載入緩慢等問題。

每個領域都有各自的版本。針對這些步驟中的每一項,通常都會有 Claude 可以使用的工具來進行驗證:

Delba - inline image

將你的流程編碼為一項技能

流程釐清之後,盡可能將它編碼成一項技能。安裝 skill-creator 外掛,然後讓 Claude 訪談你:

text
1/skill-creator 建立一個用來端到端驗證前端變更的技能。請訪問我的工作流程。

如果你很難將你的流程化為文字,可以先請 Claude 提供該領域的最佳實務,讓它向你展示一個端到端的驗證流程可能長什麼樣子。

品味和判斷力很難用程式碼來規範,但有很多檢查項目是 Claude 有標準可以衡量的:例如效能預算、無障礙清單、設計系統規範、好的範例 vs 壞的範例。

舉例來說,一個前端技能可能會包含透過 Chrome DevTools MCPAgent browser 來擷取效能追蹤記錄的指令。

markdown
1---
2name: frontend-verify
3description: 在瀏覽器中驗證前端變更。每當 UI(頁面、元件、字型、CSS 樣式)發生變更時執行。
4---
5
6# 前端驗證
7
8- 在真實瀏覽器中執行兩步驟驗證。
9- 修復問題並重新驗證後,再回應使用者。
10
11## 第一步 — 驗證變更行為符合預期
12
131. 在瀏覽器中開啟 URL:
14 - 在 Claude Code 桌面應用程式中,使用內嵌預覽。
15 - 在 CLI 中,使用 Chrome DevTools MCP。
162. 與新元素互動,確認它能正常渲染且行為符合預期。
17
18## 第二步 — 驗證變更通過行動裝置審核
19
201. 透過 Chrome DevTools MCP 在新頁面中開啟 URL
212. 執行效能追蹤並審核 Core Web Vitals

其他檢查比較偏向質性而非通過/不通過,例如將資料與歷史常態進行比較。針對這類情況,你可以與 Claude 合作制定一套評估輸出內容的評分標準。

在合併程式碼之前,讓第二個 Agent 進行審查

以上所有步驟都發生在 Agent 的運作迴圈之內。在合併之前還有一個第二階段的驗證步驟,你可以請另一個 Agent 來進行審查。

一個新的 Agent 不會帶有撰寫程式碼的那個 Agent 所抱持的偏見。它有自己的上下文,不會受到先前對話的影響。這種隔離能讓審查更客觀,並且能發現第一個 Agent 可能遺漏的問題。

以下提供幾個選項,從手動到自動化:

  • /review(內建技能)- 在終端機中對 PR 進行快速一次性閱讀。
  • /code-review(可安裝外掛)- 平行啟動數個子 Agent,各自從不同角度閱讀 diff,對發現的問題進行信心評分,並將結果發布在 PR 上。
  • Claude Code Review - 一項受管服務,透過 GitHub 在每次 PR 自動執行,適用於 Team 與 Enterprise 方案。

無論你選擇哪一個,在合併到正式環境之前有最後一道防線都是很有幫助的。

整合起來

你現在有兩層結構:

  • 在 Claude 建構的同時進行驗證
  • 在合併之前,由未撰寫程式碼的 Agent 進行審查

兩者都屬於同一個開發生命週期。想想你目前的手動步驟:你進行修改、清理程式碼、確認運作正常、提交、開啟 PR、讓其他人審查、然後觀察 CI。

Delba - inline image

你可以透過編寫一個能呼叫其他技能的技能,將所有這些步驟整合成一個工作流程。例如,Claude Code 團隊在開發功能時會執行一個技能,它包含:

  1. /simplify 技能,用來清理 diff
  2. 一個自訂的 /verify 技能,用來確認變更端到端運作正常
  3. 如果 diff 觸及 UI,則進行設計檢查
  4. 開啟並訂閱 PR 的步驟
  5. 一個用來觀察 CI 並即時修復失敗的技能

雖然你的工作流程可能有所不同,但建立回饋迴圈並將技能組合起來,能讓 Claude 端到端地驗證並執行更多工作。

一鍵儲存

使用 YouMind AI 深度閱讀爆款文章

保存原文、追問細節、總結觀點,並在一個 AI 工作空間裡把爆款文章沉澱成可複用筆記。

了解 YouMind
寫給創作者

把你的 Markdown 變成乾淨的 𝕏 文章

圖片上傳、表格、程式碼區塊,往 𝕏 上手動重排太痛苦。YouMind 把整篇 Markdown 一鍵轉成乾淨、可直接發佈的 𝕏 文章草稿。

試試 Markdown 轉 𝕏

更多可拆解樣本

近期爆款文章

探索更多爆款文章