Lovable の処理フロー:Observe → Plan → Act → Verify

チャットの裏で動いているのは「観察 → 計画 → 実行 → 検証」を回し続けるエージェントループです。 1 ターンの中でこの 4 ステップが何度も回り、失敗したら自動で観察に戻ります。

Observe 観察
現状を把握する。ユーザーの発話・現在のルート・開いているファイル・過去の会話・メモリ・エラーログを読み込む。
このステップで使うツール例
  • chat_search で過去の決定を思い出す
  • view / list_dir でリポジトリの構造と該当ファイルを読む
  • console / network / session_replay で実行時の挙動を見る
Verify が「まだダメ」と言ったら Observe に戻る。1 ターンで数回〜数十回このループが回ります。

1 ターンの中身(実際のトレース)

「ボタンの色を変えて」という 1 発話に対しても、裏では以下のようにループが回っています。

  ┌────────────────────────────────────────────────────────────┐
  │  User: "ボタンの色を primary に統一して"                    │
  └───────────────────────────┬────────────────────────────────┘
                              ▼
        ┌─────────────────────────────────────────┐
   ┌──▶ │ 1. Observe  rg "bg-blue-" src/           │
   │    │             view Button.tsx / styles.css │
   │    └──────────────────┬──────────────────────┘
   │                       ▼
   │    ┌─────────────────────────────────────────┐
   │    │ 2. Plan     どのファイルを差し替える?   │
   │    │             token は bg-primary で統一   │
   │    └──────────────────┬──────────────────────┘
   │                       ▼
   │    ┌─────────────────────────────────────────┐
   │    │ 3. Act      apply_patch × N (並列)      │
   │    │             ※ 依存編集は直列             │
   │    └──────────────────┬──────────────────────┘
   │                       ▼
   │    ┌─────────────────────────────────────────┐
   │    │ 4. Verify   build ログ / 画面キャプチャ │
   │    └──────────────────┬──────────────────────┘
   │            OK ────────┼──────── NG
   │                       │          │
   └───────────────────────┘◀─────────┘  (失敗なら Observe に戻る)
                           │
                           ▼
                      User に完了報告
まとめ
Lovable は「文章を返す LLM」ではなく、 Observe → Plan → Act → Verify を回し続ける エージェント です。チャット UI は操縦席で、 実体はサンドボックス上で数十のツールを叩き、失敗を自己修復しながらアプリを組み上げるループそのもの。