Liaison Ai 编程定位、网页样式编辑与批注 Chrome extension icon

Liaison Ai 编程定位、网页样式编辑与批注

✨ AI-Powered
👥 2K+ users
📦 v1.0.6
💾 187KiB
📅 2026-04-10
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

Liaison 是一款面向设计师、产品经理、前端工程师和高频 AI 用户的浏览器插件。它让你可以直接在真实网页上完成样式调整、界面批注和实现反馈,不再依赖截图标注、文档补充和反复描述。你可以像在设计工具里一样选中页面元素,修改尺寸、间距、字体、颜色、圆角、描边、投影等属性,同时把评论和修改统一整理成结构化结果,方便交给开发或 AI 继续实现。

无论是做设计改稿、界面验收、实现反馈,还是把页面问题整理成 AI 能理解的上下文,Liaison 都尽量把操作收拢到一个直接、轻量、低打扰的工作流里,减少来回切工具、重复描述和反复沟通,让网页编辑与 AI 协作体验更连贯。

✨ 核心功能

网页样式可视化编辑
直接在任意网页上选中元素,实时调整文字、尺寸、间距、布局、颜色、圆角、描边、投影等属性,让你像在设计工具中一样修改真实页面。

元素评论与批注
支持为页面元素添加评论、编辑评论和管理多条批注,所有反馈都与具体元素绑定,方便后续查看和定位。

配置列表汇总
自动汇总整页所有样式修改与评论,在统一列表中查看、定位、复制、重置和管理反馈内容,让页面改动更清晰有序。

结构化 Prompt 导出
支持将修改和评论整理成结构化 Prompt,包含元素定位信息、组件上下文和反馈摘要,方便直接交给 AI 开发或工程协作。

JSON 导入导出
支持导出整页修改与评论为 JSON,也支持再次导入恢复,便于保存方案、跨人协作和反复迭代。

共享元素批量编辑
对于页面中重复出现的同类元素,可按组应用样式修改,减少重复操作,提高批量改稿效率。

AI 编程定位增强
在支持的开发环境下,可尽量获取组件树和源码上下文,帮助你把页面上的反馈更准确地映射到代码实现层。

🔒 隐私保障

我们始终坚持本地优先的原则:

插件不会自动将网页内容上传到云端服务器
不包含用户跟踪、行为分析或广告相关代码
仅在用户主动启用时作用于当前网页
所有选中、编辑、评论、索引和导出逻辑尽量在本地浏览器内完成

Tags

Productivity/tools design productivity/tools

Privacy Practices

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

🔐 Security Analysis

This extension hasn't been security-scanned yet.

Similar Extensions

More in Productivity/tools →

Zotero Connector

8M+ users
Save references to Zotero from your web browser
Productivity/tools
Browsec VPN is a Chrome VPN extension that protects your IP from Internet threats and lets you browse privately for free…
Productivity/tools
Easy-to-use PDF tools to view, edit, convert, fill, e-sign PDF files, and more in your browser.
Productivity/tools AI