Lovable・v0 などAIビルダー向けフィードバックウィジェット

Lovable はプロンプトをフルスタックのWebアプリに変え、ビルドごとにプレビュー URL を発行します。問題は、レビューする人（チーム、クライアント、デザイナー）に的確なフィードバックを残す場所がないこと。Slack に貼ったスクリーンショットは、指し示した要素を失ってしまいます。

Lovable に Patchrooms の埋め込みを追加するよう頼むか、</body> の前に自分で貼り付けてください。すべてのプレビュービルドで読み込まれ、フローティングのレビューボタンが表示されます。

<script src="https://room.patchrooms.com/v1/patchrooms.js"
        data-project-key="pr_xxx"
        data-mode="artifact-review"></script>

v0 は React コンポーネントやページ全体を生成します。UIのレビューは本質的にビジュアルなもので、テキストで説明すると細部が失われます。アンカーのないまま「カードをもっとコンパクトに」を繰り返すたびに、エージェントが違うカードを変えてしまうリスクがあります。

Patchrooms なら、レビューする人はレンダリング済みのページ上でコンポーネントをクリックし、その要素にスクリーンショット付きでコメントを紐づけます。v0 のシートは不要で、必要なのはデプロイ済みページのリンクだけ。曖昧さのない指示を与えるビジュアルフィードバックです。

Bolt（bolt.new）は完全なアプリを生成して即座にプレビューで動かし、Replit Agent は自然言語からアプリをデプロイしてホスト済みプレビューを出します。どちらでも、フィードバックは反復の速さに追いつく必要があります。

• 1クリックでセレクタ、スクリーンショット、ビューポート、コンソールの状態を取得。バグの情報が失われません。
• レビューする人に Bolt や Replit のアカウントは不要。リンクだけで十分です。
• 曖昧なフィードバックは手探りの再生成を招きます。要素に紐づいたフィードバックは一発で当たります。

ツール別ガイドは Lovable、v0、Bolt、Replit Agent 向けにあり、完全なフローは workflows にあります。

各レポートはエージェントがそのまま使える Markdown（agent-ready feedback）としてエクスポートされます。コメントに加えて、正確な要素とコンテキストが揃っています。それをビルダーのチャットに貼り戻せば、次の生成であなたが指摘した箇所だけが直ります。エージェントが読むテキストは英語です。

## Report: Landing page (Bolt)
**Tool:** bolt   **Goal:** marketing landing v1

- **Element:** `header .cta-primary`
- **Comment:** Overlaps the nav at 375px, keep the desktop layout unchanged.
- **Viewport:** 375x812 · Console: clean
- **URL:** https://preview.bolt.new/landing

何も貼らずにエージェント向けのバグ報告をしたい？　MCP サーバーを使えば、エージェントがキューを直接読めます。詳しくは agent-ready feedback をご覧ください。