ProtoLens · プロトタイプレビュー

プロトタイプが見えたら、
フィードバックも、はっきりと。

GitHub の静的プロトタイプを共有し、具体的な領域にコメント。人や AI が次の修正に使える、明確なフィードバックを届けます。

公開中

Web · 静的な HTML / SVG / PNG のレビュー

ProtoLens の領域マーカーと、その横に並ぶコメント一覧
図 01製品画面:コメントは、対象の内容と場所に結び付いたまま残ります。元のプロトタイプは中国語です。

フィードバックを、次の修正までつなぐ

01HTML

要件を閲覧できる形にする

02場所に結び付く意見

正確な文章や領域にコメントする

03Markdown / MCP

人やエージェントが修正に使える文脈を渡す

04修正とレビュー

修正したプロトタイプを確認する

作業の流れの概要です。すべてのコメントをエージェントが自動で実装したり、受け入れたりするという意味ではありません。

継続して使えるレビューリンクを共有

GitHub App で対象のリポジトリを選び、レビューできるファイルを見つけます。レビューする人はプロトタイプを開き、内容を見ながら意見を残せます。

次の作業に、必要な文脈を渡す

Markdown に書き出すか、MCP でコメントを取得できます。静的レビューではスクリプトやフォームの実行を制限しており、任意のアプリケーションバックエンドはホストしません。

リポジトリから修正までの 6 ステップ

  1. 選択したリポジトリに ProtoLens GitHub App をインストールします。
  2. ダッシュボードを開き、リポジトリを選びます。
  3. index.html、SVG、PNG などの静的プロトタイプを見つけます。
  4. 継続して使えるレビューリンクを開くか、コピーします。
  5. レビューする人が、選択した文章や領域にコメントします。
  6. Markdown に書き出すか MCP で意見を読み取り、修正して再度レビューします。

個人のつくり手、小規模なプロダクトチーム、社内ツール、人によるすばやい確認が必要なエージェントの作業に。

フィードバックを使って、エージェントが続きを進める

MCP サーバーは、プロトタイプのファイル一覧、レビューリンクの作成、コメントの読み取り、Markdown の書き出しに対応しています。リモート MCP に対応するクライアントにサーバー URL を追加し、ダッシュボードとドキュメントに沿って認証してください。一部のクライアントでは、ダッシュボードで生成した有効期間の短い Bearer トークンを使えます。

{ "mcpServers": { "protolens": {
  "url": "https://protolens.myagenthubs.com/mcp"
} } }
MCP の設定ドキュメント ↗

GitHub へのアクセスと、レビューデータの扱い

リポジトリへのアクセス範囲は GitHub App のインストール設定で管理します。プロトタイプはリポジトリ、ref、パスを指定して取得し、リポジトリのクローンや任意のビルドは行いません。コメントは GitHub 上のプロトタイプに関連付けた、Markdown を中心とするレビューデータです。すべてのコメントをあなたのリポジトリに保存するという意味ではありません。HTML はサンドボックス内で表示し、JavaScript とフォーム送信を制限します。現在の安全性やリソースの制限を超えるファイルは、受け付けない場合があります。

セキュリティとデータについて ↗