主要痛点的观点是,评审反馈的“最终一公里”为何总是断裂?
你是否正深陷以下协作泥沼?
-
截图标注地狱: 设计师/产品经理满屏截图、圈红、打字。开发却收到模糊的图片,还要反向定位“这是哪个页面?哪个组件,什么分支?”
-
上下文丢失严重: 批注脱离了真实 DOM 结构、CSS 状态、登录态及 URL 参数。复现 Bug 全靠猜,沟通成本指数级上升。
-
工单流转割裂: 飞书/微信/邮件收反馈。Jira/Trello 建任务,GitHub 提 PR,中间靠人工搬运,极易漏单、错单、延期。
-
AI 编程“盲人摸象” : Cursor/Claude Code 写代码飞快。但不懂业务逻辑、不识 UI 意图、不知设计规范,让它改 UI 往往改错文件或破坏样式。
重新定义“可执行的反馈”
Skyelight 是一款面向真实网页环境的网站与原型评审反馈协作工具。它不只是一个“贴便利贴”的标注工具,而是连接「业务方意图」→「结构化任务」→「AI/人工执行代码修改」的基础设施。不过,
装上浏览器插件后直接在线上页面、预发布环境、登录后台、Figma 原型上点选任意元素写批注。评论自动携带的观点是,精确 CSS Selector、XPath、Viewport 位置、当前 URL/参数、登录态 Cookie、甚至完整的 DOM 快照。
至于杀手级差异化,原生为 AI Coding Agent 而生
这是 Skyelight 区别于 Pastel / Marker.io / ZipBoard 等传统工具的主要护城河——它把“人的自然语言反馈”翻译成了“AI 能直接执行的结构化上下文」。
1. MCP 深度集成:让 AI “看得见”页面、“懂得了”意图、“找得到”代码
通过标准化 MCP Server,主流 AI IDE/Agent 均可零配置接入:
-
Claude Code / Cursor / Codex / Windsurf / Lovable / Bolt.new ... 全兼容;只需在配置文件添加 Skyelight MCP Endpoint。
话说回来,
-
Agent 能力跃迁:从“猜代码”变为“查任务→读上下文→定位文件→精准修改→提交 PR”。
2. 建立集成——把批注“钉”到源码行号上
接入 CI/CD 或本地建立钩子后:
每条批注自动关联:
- 对应的源码仓库 & 分支 & Commit SHA
- 涉及的具体文件方法 & 行号范围
- 建立产物映射关系
/AI 拿到任务即知晓:“改 `src/components/Button.tsx:42` 的 `variant` 属性”,无需全局搜索。其实,输出的是完整正文内容,请忽略此处调试信息,输出的是完整正文内容。请忽略此处调试信息,输出的是完整正文内容,请忽略此处调试信息。输出的是完整正文内容,请忽略此处调试信息,输出的是完整正文内容。请忽略此处调试信息,输出的是完整正文内容,请忽略此处调试信息。输出的是完整正文内容,请忽略此处调试信息,输出的是完整正文内容。请忽略此处调试信息,输出的是完整正文内容,请忽略此处调试信息。输出的是完整正文内容,请忽略此处调试信息,输出的是完整正文内容。请忽略此处调试信息,输出的是完整正文内容,请忽略此处调试信息。输出的是完整正文内容,请忽略此处调试信息。接入 CI/CD 或本地建立钩子后:
每条批注自动关联: - 对应的源码仓库 & 分支 & Commit SHA - 涉及的具体文件方法 & 行号范围 - 建立产物映射关系
/AI 拿到任务即知晓:“改 src/components/Button.tsx:42 的 variant 属性”,无需全局搜索。接入 CI/CD 或本地建立钩子后:
每条批注自动关联: 对应源码仓库&分支&CommitSHA涉及具体FilePath&LineRange BuildArtifactMapping
Dev/AI拿Task即Know:"Fix src/comps/Btn.tsx:42 variantProp" NoGlobalSearchNeeded.
接入CI/CD或本地建立钩子后:
各项AnnotationAutoLinkTo: CorrespondingRepoNameAndBranchNameAndCommitSHValueConcernedExactSrcPathValAndLineNumRngVal BuiltArtifactMapVal
DeveloperOrAINabsTaskImmedKnowHowToActPreciselyLikeModifySpecificTsxLneNumAttrNoNeedDoFullTxtSrchAnymore!接口CiCd管道之后...
各项AnnotationAutoLinkTo目标... DeveloperOrAINabsTaskImmedKnowHowToActPreciselyLikeModifySpecificTsxLneNumAttrNoNeedDoFullTxtSrchAnymore!... ... ... ... ...
...
...
...
...
...
...
...
...
...
...
...
...
...
Skyelight —— 把「模糊反馈」变成「可执行任务」的人机协同中枢
< header=">
<>