HTML / SVG / PNG のための AI プロトタイプ協業

AI が作ったプロトタイプを、チームが次の一手を打てるレビューリンクに。

個人開発者、小さなチーム、社内のプロダクトチームが、ファイルを移動させることなく AI 製の HTML プロトタイプをレビューできます。コメントはプロトタイプ上に固定され、Markdown として次の AI サイクルに戻せます。

AI プロトタイプのレビュー 個人開発者と小規模チームの納品 社内プロダクトの認識合わせ
自分の GitHub リポジトリ上で動作 · MCP エンドポイント同梱
ProtoLens のワークスペース —— 接続済みリポジトリ、検出されたプロトタイプファイル、共有できる現在のレビュー
ProtoLens を選ぶ理由

レビューはいつもラストワンマイルで崩れる。

AI を使えばプロトタイプの量は一気に増えます。ところがレビューの側は昔のままです——一時的なリポジトリに push する、zip を送りつける、公開すべきでないページを外に出す、フィードバックをチャットに貼り戻す。

選択した領域ひとつ、コメント 2 件、そして次の AI サイクルに渡す Markdown。
選択された CTA 領域、固定されたレビューコメント、そしてフィードバックを AI エージェントに返す MCP 呼び出し
使い方

6 ステップ、staging 環境は不要。

選んだリポジトリに ProtoLens の GitHub App をインストールします。
ProtoLens のダッシュボードを開き、リポジトリを選びます。
ProtoLens がレビュー可能な静的プロトタイプファイルを検出します。
安定したレビュー URL をコピーするか、開きます。
レビューする人がプロトタイプ上に直接コメントします。
フィードバックを Markdown に書き出すか、AI ツールから MCP サーバーを使います。
AI プロトタイプ協業のために作りました。

一人会社、小さなプロダクトチーム、社内ツールチーム、そして staging 環境を丸ごと用意せずに人の目を素早く通したいエージェントのワークフロー。

AI エージェントのための MCP

フィードバックはエージェントに読ませる。

ProtoLens は MCP サーバーを公開しており、AI ツールからプロトタイプファイルの一覧取得、レビューリンクの作成、コメントの読み取り、Markdown 書き出しが行えます。

クライアントによっては、ダッシュボードで生成した短命の bearer トークンによる設定にも対応しています。

{
  "mcpServers": {
    "protolens": {
      "url": "https://protolens.myagenthubs.com/mcp"
    }
  }
}
セキュリティとプライバシー

アクセス境界は、あなたの GitHub 認可そのもの。

リポジトリへのアクセス範囲は、あなた自身の GitHub App のインストール範囲だけで決まります。GitHub 側でいつでも取り消せます。
プロトタイプファイルはリポジトリ・ref・パスを指定して取得します。リポジトリを clone したり、その中の任意のコードを実行したりはしません。
レビューデータは Markdown 指向の形式で保存され、対象のプロトタイプに紐づきます。
HTML のレビュー描画はサンドボックス内で行われ、JavaScript の実行とフォーム送信は意図的に制限されています。
サイズの大きいファイルは、現在の安全性とリソースの制限により拒否されることがあります。

次のプロトタイプに、レビューリンクを一本。

GitHub App を入れ、リポジトリを選び、最初のレビューリンクを共有してください。

ProtoLens を開く