01 / ページは、チャットだけでは伝わらないことを伝える
要件を説明するために、HTML プロトタイプを使うことが増えました。レイアウト、情報の階層、操作の意図を直接見せられます。それでも、フィードバックはチャットに散らばったまま。「この部分を変えて」は、ページと場所がなければ、すぐに意味がわからなくなります。
02 / フィードバックを実際の内容に結び付ける
接続した AI は MCP を使って、単一の自己完結型 HTML プロトタイプを ProtoLens に公開し、非公開のレビューリンクを作成します。レビュアーは非公開リンクを開き、ニックネームを選ぶだけで参加でき、アカウント登録は不要です。レビュアーが領域やテキストにコメントを結び付けることで、次の担当者は切り離されたスクリーンショットから推測せずに、問題の場所を見つけられます。
フィードバックを、次の修正までつなぐ
要件を閲覧できる形にする
対象のテキストや領域を指定してコメントする
接続した AI に、送信済みのフィードバックを読み取り、各項目への回答を添えて V2 を公開するよう依頼します。
修正したプロトタイプを確認する
作業の流れの概要です。すべてのコメントをエージェントが自動で実装したり、受け入れたりするという意味ではありません。
03 / 人の判断を、AI の次の作業へつなぐ
コメントを集めるのは、その一部にすぎません。接続した AI に、送信済みのフィードバックを読み取り、各項目への回答を添えて V2 を公開するよう依頼します。元のレビュアーは Previous round で、自分のフィードバックと各回答を照らし合わせ、意図に沿っているかを確認します。
自己完結型のレビュー環境に限定する、という選択
このワークフローでは、単一の自己完結型 HTML プロトタイプを受け付けます。インラインのスタイルやスクリプト、埋め込み画像を含めることができます。ProtoLens は任意のビルド、依存関係のインストール、アプリケーションのバックエンド実行は行いません。そのため、操作を伴う一部の動作は、製品本来の環境で確認する必要があります。