AIアプリ向けビジュアルフィードバック
AIで作ったアプリのためのビジュアルフィードバックツール
Patchrooms はAIで作ったアプリのためのビジュアルフィードバックのレイヤーです。レビューする人はライブプレビュー上の壊れた要素をクリックするだけ(ログイン不要)。あなたのコーディングエージェントには、セレクタ・スクリーンショット・コンテキストが揃った構造化レポートが届き、一発で直せます。
サインインAIアプリ向けのビジュアルフィードバックツールとは?
AIアプリ向けのフィードバックウィジェットを1行で
フィードバックウィジェットの導入は、プレビュー・ステージング・ローカルビルドに script タグを1行貼るだけ。ビルド工程は不要で、フィードバックが変わっても再ビルドはいりません。
<script src="https://room.patchrooms.com/v1/patchrooms.js"
data-project-key="pr_xxx"
data-mode="artifact-review"></script>
レビューする人はアカウント不要。リンクを開いてクリックし、コメントするだけです(テキストでも、自動で文字起こしされる音声メモでも構いません)。レポートはリアルタイムでダッシュボードに届きます。
「なんか変」から、エージェントが直せるパンチリストへ
クリックは、人が見るためのきれいな画像で終わりません。各レポートはエージェントがそのまま使える Markdown(agent-ready feedback)としてエクスポートされます。セレクタ、スクリーンショット、ゴール、制約が揃っています。それを Claude Code、Cursor、Lovable、v0、Bolt に貼れば、「どのボタン?」というやり取りなしにエージェントが該当の要素を直します。
誰も貼り付けずに回るループのために、MCP サーバー経由でエージェントがキューを直接読めます(list_reports / get_report、スクリーンショットもインライン)。直したものは set_status でクローズできます。詳しくは agent-ready feedback をご覧ください。
速く動く小さなチームのために
これは大企業向けのワークフローエンジンではありません。人とエージェントが同じコンテキストを共有する rooms です。だから少人数でも、流れを見失わずにレビューし、パッチを当て、公開できます。room は1件のレポート、つまり1つのフィードバックとそのスレッドのこと。rooms は project(アプリやリポジトリごとに1つ)の中にあります。
- レビューする人はレポート無制限・無料、アカウント不要。
- スクリーンショット、注釈、自動で文字起こしされる音声メモ。
- レポートごとのステータス(新規・トリアージ済み・対応中・クローズ)で残りが分かる。
- ツール別ガイドとフローは workflows に。
技術ドキュメント(SDK、MCP、API)は英語で docs.patchrooms.com にあります。
よくある質問
- レビューする人にアカウントは必要ですか?
- いいえ。レビューはアカウント不要で無料・無制限です。プレビューのリンクさえあれば誰でもクリックしてコメントし、送信できます。アカウントが必要なのは、ダッシュボードでレポートをトリアージする人だけです。
- 公開用の project key と secret key の違いは?
- 公開用の project key(pr_...)はウィジェットの script タグに入れ、ブラウザからレポートを送信するためだけに使います。secret key(pr_sk_...)はエージェントを MCP サーバーに対して認証し、レポートの読み取りとクローズに使うもので、フロントエンドには決して露出しません。
- アプリが遅くなりませんか?
- いいえ。script は CDN から非同期で読み込まれ、誰かがレビューレイヤーを開いたときにだけ初期化されます。ほかのユーザーにはアプリが通常どおり表示されます。
- どのAIビルダーで使えますか?
- ライブプレビューを配信するものならどれでも使えます。Lovable、v0、Bolt、Replit Agent はもちろん、Claude Code、Cursor、Codex、Windsurf、Cline で反復するビルドにも対応します。