ProtoLens — GitHub 上の AI 生成 HTML プロトタイプをレビュー

ProtoLens を選ぶ理由

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

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

選択した領域ひとつ、コメント 2 件、そして次の AI サイクルに渡す Markdown。

使い方

選んだリポジトリに 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 App のインストール範囲だけで決まります。GitHub 側でいつでも取り消せます。

プロトタイプファイルはリポジトリ・ref・パスを指定して取得します。リポジトリを clone したり、その中の任意のコードを実行したりはしません。

レビューデータは Markdown 指向の形式で保存され、対象のプロトタイプに紐づきます。

HTML のレビュー描画はサンドボックス内で行われ、JavaScript の実行とフォーム送信は意図的に制限されています。

サイズの大きいファイルは、現在の安全性とリソースの制限により拒否されることがあります。