フィードバックループ:Claude Code で手間を減らし、高度なタスクを完遂させる方法

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

TL;DR

本ガイドでは、手動検証ステップをスキルとしてコード化し、セカンダリエージェントによる公平なコードレビューを導入することで、Claude Code の自律性を高める方法を説明します。

より複雑なタスクを Claude に任せるようになると、Claude が 自身の作業を検証できる ことがますます重要になります。

Claude が自己検証できる範囲が広がれば、

  • 長時間のタスクをより自律的に進められる
  • 最終的な成果物の品質が向上する
  • やりとりの往復回数が減る
Delba - inline image

チェックをあなたに依存していると、コーディングはターン制ゲームになり、エージェントの有用性である自律性が失われます。

良いニュースは、Claude は すでに 型エラー、lint エラー、テスト失敗、実行時エラーといった決定的なシグナルに対して自己検証を行っていることです。そしてモデルが改善されるにつれて、これはさらに向上していくでしょう。

Claude が常に推測できるとは限らないのは、Claude が応答した後にあなたが手動で実行するチェックや、コードを本番環境にマージする前に行うチェックです。

そうしたチェックをより多くコード化できれば、Claude の最初の応答があなたの意図した最終結果に近づきます。

あなたは付きっきりで監視する時間が減り、Claude はあなたが他の作業をしている間も続行できます。

プロセスを書き留める

まずは、あなたやあなたのチームがすでに行っているベストプラクティスを書き留めるのが良い出発点です。

フロントエンドの場合、それは通常、開発サーバーを起動し、ブラウザを開き、コンソールでエラーを確認し、ユーザーのように操作してレイアウトのずれやナビゲーションの遅さなどをチェックすることです。

どの分野にもそれぞれのバージョンがあります。これらの各ステップに対して、Claude が検証に使えるツールがおそらく存在します。

Delba - inline image

プロセスをスキルとしてコード化する

プロセスが明確になったら、できるだけ多くの部分をスキルとしてコード化します。skill-creator プラグインをインストールし、Claude にあなたをインタビューしてもらいます。

text
1/skill-creator フロントエンドの変更をエンドツーエンドで検証するスキルを作成してください。私のワークフローについてインタビューしてください。

プロセスを言葉にできない場合は、まず Claude にその分野のベストプラクティスを尋ね、エンドツーエンドの検証フローがどのようなものかを示してもらいましょう。

センスや判断力をコード化するのは難しいですが、多くのチェックには Claude が評価する基準(パフォーマンス予算、アクセシビリティチェックリスト、デザインシステムのルール、良い例と悪い例など)があります。

たとえば、フロントエンドのスキルには、Chrome DevTools MCPAgent browser を使ってパフォーマンストレースを取得する手順を含めることができます。

markdown
1---
2name: frontend-verify
3description: ブラウザでフロントエンドの変更を検証します。UI(ページ、コンポーネント、タイポグラフィ、CSS スタイル)の変更が行われたときに実行してください。
4---
5
6# フロントエンド検証
7
8- 実際のブラウザで 2 段階の検証パスを実行します。
9- 問題を修正し、ユーザーに応答する前に再検証します。
10
11## ステップ 1 — 変更が期待通りに動作することを検証する
12
131. ブラウザで URL を開きます。
14 - Claude Code デスクトップアプリでは、組み込みプレビューを使用します。
15 - CLI では、Chrome DevTools MCP を使用します。
162. 新しい要素と操作し、レンダリングと動作が期待通りであることを確認します。
17
18## ステップ 2 — 変更がモバイル監査に合格することを検証する
19
201. Chrome DevTools MCP を介して新しいページで URL を開きます。
212. パフォーマンストレースを実行し、Core Web Vitals を監査します。

他のチェックは、合格/不合格というよりは、過去の標準値とデータを比較するなど、定性的なものです。そのような場合は、Claude と協力して出力を評価するための評価基準を設定できます。

マージ前に別のエージェントでコードをレビューする

ここまでのすべてはエージェントループ内で行われます。マージの直前にもう 1 つの検証ステップがあり、別のエージェントにレビューを依頼できます。

新しいエージェントは、コードを書いたエージェントと同じバイアスを持ちません。独自のコンテキストを持ち、以前の会話の影響を受けません。この分離によりレビューがより公平になり、最初のエージェントが見逃した可能性のあるものを発見します。

手動から自動まで、いくつかのオプションがあります。

  • /review(組み込みスキル)- ターミナルで PR を 1 回ざっと読む。
  • /code-review(インストール可能なプラグイン)- 複数のサブエージェントを並行して起動し、それぞれが異なる角度から diff を読み、信頼度で発見をスコアリングし、結果を PR に投稿する。
  • Claude Code Review - Team および Enterprise プラン向けに、GitHub 経由ですべての PR で自動的に実行されるマネージドサービス。

どれを選んでも、本番環境にマージする前の最終防御線があると便利です。

まとめ

これで 2 つのレイヤーができました。

  • Claude が構築中に実行される検証
  • コードを書いていないエージェントによるマージ前のレビュー

どちらも同じ開発ライフサイクルに属します。現在の手動ステップを考えてみてください。変更を加え、クリーンアップし、動作を確認し、コミットし、PR を作成し、レビューを受け、CI を監視します。

Delba - inline image

これらのステップすべてを、スキルが他のスキルを呼び出すスキルを書くことで、1 つのワークフローにまとめることができます。たとえば、Claude Code チームは機能開発時に実行するスキルを持っており、以下をバンドルしています。

  1. /simplify スキル(diff をクリーンアップ)
  2. カスタムの /verify スキル(変更がエンドツーエンドで動作することを確認)
  3. diff が UI に触れた場合のデザインチェック
  4. PR を開いて購読するステップ
  5. CI を監視し、障害が発生したら修正するスキル

あなたのワークフローは異なるかもしれませんが、フィードバックループを作成しスキルをバンドルすることで、Claude はより多くの作業をエンドツーエンドで検証し実行できるようになります。

ワンクリック保存

YouMindでバイラル記事をAI深読み

ソースを保存し、的を絞った質問をし、主張を要約して、バイラル記事を再利用できるノートに変えます。すべてを1つのAIワークスペースで行えます。

YouMindを探索
クリエイターのために

あなたの Markdown をきれいな 𝕏 記事に

自分の長文を投稿するとき、画像・表・コードブロックを 𝕏 向けに整形するのは手間がかかります。YouMind は Markdown 全体を、そのまま投稿できるきれいな 𝕏 記事に変換します。

Markdown → 𝕏 を試す

解読すべきパターンをもっと

最近のバイラル記事

バイラル記事をもっと見る