Pixy 将实时网站变成可供编程代理编辑的画布

Pixy 表示,其浏览器编辑器允许团队更改正在运行的网页,并为编码代理提供可以在源代码中实现的结构化记录。

By · Published

Primary source: Pixy

Why it matters

Coding agents can implement changes quickly, but visual direction often arrives as ambiguous prose or screenshots. Pixy is testing whether edits made on the running product can provide a more precise handoff to the agent working in its codebase.

Illustration of Pixy editing a live webpage in a browser, with coding agents applying dynamic changes to the page layout and elements.

Pixy 在正在运行的网站上叠加了一个可视化编辑层,让开发者和产品团队在编码代理将更改实现到源代码之前,有办法移动、调整大小、重写、重设样式以及裁剪页面元素。

Pixy 通过 Surfy Ltd 运营,Surfy Ltd 是一家英国公司,其公开公司记录 将 Alexander Yermolenko 列为唯一董事和具有重大控制权的人。Pixy 的公开产品资料 并未将其标识为创始人或高管。

Pixy 将正在运行的网站视为编辑面板,而不是要求团队在单独的设计文件中重建界面。客户向网站添加一个 script 标签,编辑渲染后的页面,并让他们的编码代理提取更改的结构化记录。Pixy 表示代码库仍然是事实来源,代理负责实现。

可视化交接,而非另一款代码生成器

Pixy 宣传的工作流程有三步:安装脚本、编辑正在运行的页面并请求代理提取更改。根据产品主页,生成的记录会识别编辑的选择器、属性、先前值和新值。用户也可以直接在页面的 DOM 中重写文本。

这一区别很重要,因为可视化指令通常以散文或带注释的屏幕截图形式传达给编码代理。要求将标题缩小或对齐两个组件,会让代理推测目标和期望值。Pixy 允许用户先在页面上进行调整,然后向代理提供一个范围限定的记录以在代码库中实现。

这些编辑不会立即更改已部署的源代码。Pixy 表示它们保留在浏览器中并在重新加载时消失,除非代理将它们提取到代码中。这在视觉实验与永久实现之间留给了人工决定,同时为 Pixy 在审查界面的人与更改其源代码的代理之间提供了明确的角色定位。

实时页面成为工作区

Pixy 的核心产品论断是:正在运行的界面已经包含在工作转入样机时会丢失的上下文。下拉菜单可以保持打开、应用状态可以保持活动,随着视口变化网站的响应式行为仍然可见。Pixy 表示它编辑的是实际渲染的页面,而不是复制或重新渲染它。

该方法还可能将可视化更改的触角延伸到前端工程师之外。Pixy 的产品更新在预览中列出了 Manager 和 Writer 角色,这表明公司正在测试供参与审查、文案和其他非工程工作的人使用的席位。主页 也宣传了无需支付卡的免费密钥。

这为该产品创造了更广阔的商业路径。Pixy 可以从开发者工具起步,并有可能成为产品经理、设计师、文案和工程师在产品本身上指定更改的共享表面。它支持该工作流程的能力将取决于团队在将其部署到实时应用之前能评估的协作与访问控制。

捕捉视觉意图的竞赛已十分激烈

Pixy 正进入一个已有编码平台和获资助的设计初创公司在追逐的类别。Cursor 在 2025 年 12 月 推出了其浏览器可视化编辑器,随后又通过 Design Mode 扩展了额外工具,以通过可视化提示指导编码代理。Cursor 的编辑器是其编码环境的一部分,而 Pixy 则以添加到网站的脚本形式分发。

Design Mode,一款与 Cursor 功能同名的独立产品,自称为实时网站的可视化编辑器。它的存在表明 Pixy 的基本前提出外部一体化编码环境之外已吸引到直接竞争。

Paper 为设计与代码类别带来了更多资本。2026 年 7 月 22 日,Paper 宣布获得 3400 万美元的 A 轮融资,投资方为 Accel 和 ICONIQ,使其报告的融资总额达到 3850 万美元。Pixy 在所提供的公开资料中未披露任何融资、客户数量或收入。

Pixy 的采用案例依赖于其宣传的安装流程:将脚本粘贴到网站中、编辑正在运行的界面并让代理检索更改。这消除了将可视化指令从单独画布传输的需要,但也要求团队向被编辑的应用添加第三方代码。

生产环境访问提高了门槛

Pixy 表示其脚本可以在 localhost、staging 和 production 站点上运行。生产环境使用带来了不同的审查标准,因为该工具驻留在应用本身上。审阅的公开资料并未确立 Pixy 的内容安全策略要求、网络架构、浏览器凭证模型或回滚行为。

Pixy 已开始添加针对代理的访问控制。在 8 月 12 日的产品更新中,Pixy 表示每个连接的 AI 代理都会获得其自己的项目密钥,允许团队在不影响其他代理的情况下审查或撤销单个代理。该公告并未确立团队可能要求的更广泛的生产安全控制。

Pixy 还在 8 月 13 日的更新中表示,它仅在连接记录中使用 IP 地址足够长的时间以确定城市,然后丢弃该地址。这是Pixy 表示的数据处理做法,而非经独立测试的发现。

Pixy 早期的吸引力来自其在开发流程中所处的狭窄位置。它将对正在运行的界面所做的更改转换为代理可以实现的记录,同时让代码库保持控制权。其机会取决于随着客户要求更强的协作、访问管理和生产防护,该工作流程能否保持简单。

Reader comments

Conversation for this story loads after sign-in.