问题
用文字提出视觉修改——「这个往上挪一点」「换掉那张照片」——既慢又含糊，往往要来回好几次才能到位。
30 秒了解项目
解决什么问题、为谁解决
解决方案
打开网站，上面叠加一个编辑层。每次保存都会精确记录改了什么，附带优化后的图片和截图，由代码助手应用到真实项目中。
适用对象
每天都要微调网站的团队。如今，工作室自己也用它来调整交付成果。
功能
从点击到代码改动
01
选中即操作
移动光标、点击，就会出现一个工具栏，可移动、编辑文字、删除或替换该元素的图片。
02
直接在页面上编辑文字
在文字上直接输入，立刻看到效果，支持撤销、重做，「保存」按钮上还显示待保存的改动数量。
保存意图，而非代码
每次保存都会生成一个变更包，含改动内容、优化后的图片以及前后对比截图，可直接应用到网站。
设计层面的安全
只在编辑者本人的电脑上运行，并拒绝任何并非来自其自身页面的保存请求。
数据
已构建的内容
测试实测
158 项自动化测试 + 8 项真实浏览器测试
开发收尾时全部通过。
测试实测
6 次未授权保存尝试全部被拦截
审计中复现的攻击测试：没有一次成功写入文件。
构建方式
背后的技术
技术
Node.jsTypeScriptPlaywrightsharp
技术细节
命令行应用，置于网站本地服务器之前，注入编辑层，并保存一个带有经过校验的改动清单的变更包。工作室的代码助手读取该变更包并应用修改。
图库
更多产品界面
您的项目
需要类似 Editor Vivo 的产品吗？
用两句话告诉我们您的想法。我们会回复范围、周期和初步方案。
继续探索
更多项目
Vitrina Visual — 为商家自动剪辑 Reels 和 TikTok 视频的系统
商家上传原始视频，收到可直接发布到 Reels 和 TikTok 的竖屏成片，含配音、字幕、品牌和价格。每条视频都要经过自动检查和人工审核。
查看案例
Concept Engine — 把一个想法变成产品初步架构的工具
用一句话描述一个想法，几秒钟内就能收到由 AI 撰写的产品初步方案，语言与你浏览网站的语言一致。
查看案例
Estimate Radar — 面向与保险公司合作的美国承包商的 SaaS 平台
读取保险公司的回复，按工作日计算期限，并为每次跟进准备好草稿，交由承包商审批。首个客户：得克萨斯州的一家公司。
查看案例