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 は操縦席で、 実体はサンドボックス上で数十のツールを叩き、失敗を自己修復しながらアプリを組み上げるループそのもの。