面向 HTML / SVG / PNG 的 AI 原型协作

把 AI 做出来的原型,变成团队真能接着往下走的评审链接

独立开发者、小团队、公司内部的产品团队,用 ProtoLens 评审 AI 生成的 HTML 原型,全程不用挪文件。评论锚定在原型上,导成 Markdown 就能喂回下一轮 AI。

AI 原型评审 独立开发者与小团队交付 内部产品对齐
跑在你自己的 GitHub 仓库上 · 自带 MCP 端点
ProtoLens 工作台 —— 已连接的仓库、扫出来的原型文件,和一条可分享的评审链接
为什么是 ProtoLens

评审总是散在最后一公里。

用 AI 做原型,产量一下子上来了,可评审这一环还停在老样子:临时开个仓推上去、打个压缩包发过去、把不该公开的页面挂到公网上,或者把反馈一条条粘回聊天窗里。

选中一块区域、两条评论,再变成喂给下一轮 AI 的 Markdown。
原型上选中的 CTA 区域、锚定的评审评论,以及把反馈回传给 AI agent 的 MCP 调用
怎么用

六步搞定,不用搭 staging。

在选定的仓库上安装 ProtoLens 的 GitHub App。
打开 ProtoLens 工作台,选一个仓库。
ProtoLens 扫出可评审的静态原型文件。
复制或打开那条稳定的评审链接。
评审的人直接在原型上留评论。
你把反馈导成 Markdown,或者让 AI 工具走 MCP 取。
就是为 AI 原型协作做的。

一人公司、小型产品团队、内部工具团队,以及那些需要人快速过一眼、又不想为此搭一整套 staging 的 agent 工作流。

给 AI agent 的 MCP

让你的 agent 自己去读反馈。

ProtoLens 开放了一个 MCP server,AI 工具可以列出原型文件、创建评审链接、读取评论、导出 Markdown 反馈。

部分客户端还支持用工作台里生成的短时效 bearer token 来配置。

MCP 文档

{
  "mcpServers": {
    "protolens": {
      "url": "https://protolens.myagenthubs.com/mcp"
    }
  }
}
安全与隐私

访问边界就是你的 GitHub 授权。

仓库访问权限完全由你自己的 GitHub App 安装范围决定,随时可以在 GitHub 里收回。
原型文件按仓库、ref、路径逐个取,不 clone 你的仓库、不执行里面的任意代码。
评审数据以面向 Markdown 的形式保存,并与对应的原型绑定。
HTML 评审渲染是沙箱化的,JavaScript 执行和表单提交都被有意限制。
超大文件可能会被当前的安全与资源限制挡下。

下一个原型,配一条评审链接。

装上 GitHub App、选一个仓库,把第一条评审链接发出去。

打开 ProtoLens 去 GitHub 看看