Local ready · Team entering preview本地可用 · 团队版进入 Preview

Review interfaces where they actually run — and hand your agent something it can execute.在界面真正运行的地方审它,然后交给 Agent 一份可以直接执行的反馈。

Mark visual issues on the live page. Keep target and intent together. Only accepted actions reach your codebase.在真实页面上标出视觉问题,让目标与意图始终绑定,只有被接受的动作才会进入你的代码库。

vfs · visual review for AI coding workflows为 AI 编码工作流而生的可视化审稿 round 04 · 3 items · 1 accepted scroll下滑
01One review loop一次审稿闭环

scroll to advance ↓滚动推进 ↓

linear.app · live capture实时截取 round 04第 04 轮
Live capture of linear.app under review
0Feedback is pinned to elements — no screenshots pasted into chat.零截图沟通:反馈直接钉在页面元素上,不再往聊天里贴图。
1Every change passes exactly one decision gate before source.所有改动只经过一道决策闸门,才会进入源码。
5Five steps close the loop: open, mark, decide, hand off, verify.五步走完一次闭环:打开、标注、裁决、交接、验证。
100%Local-first: source code and tokens never leave your machine.本地优先:源码与 token 永远不出你的电脑。
02Two surfaces, one loop两个入口,一个闭环

Work where the page lives.页面在哪,就在哪工作。

The workspace runs the round; the extension captures feedback on any real tab. They share one review object.工作台负责整轮审稿;插件在任意真实标签页里采集反馈。两者共享同一份审稿对象。

Web workspaceWeb 工作台

The whole round in one place.一轮审稿,收在一个界面里。

Rounds with goals and deadlines. Feedback grouped by element. Conflicts decided on record. A report when you close.有目标和截止时间的轮次,按元素分组的反馈,留痕的冲突裁决,收口时自动产出报告。

  • R.Rounds — a name, a goal, an end state.轮次:有名字、有目标、有终态。
  • G.Grouping — duplicates merge, conflicts surface.分组:重复归拢,冲突摆上台面。
  • D.Decisions — visible to the whole team.裁决:每个决定团队可见。
Open Studio打开工作台
Chrome extensionChrome 插件

Review the page you're actually on.就在你正看着的页面上审。

Login flows, localhost, internal tools — the companion attaches to the real tab and drops clean artifacts on elements.登录态、localhost、内部工具——插件挂在真实标签页上,把干净的反馈产物留在元素上。

  • S.Select — selector and source clues captured.选中:选择器与源码线索自动记录。
  • E.Edit — copy and style recorded as intent.修改:文案样式记录为意图。
  • M.Measure — values become feedback.测量:数值直接进入反馈。
Read docs阅读文档
03Handoff交接

Feedback your agent can execute.Agent 能直接执行的反馈。

Not a screenshot with arrows. Each accepted item carries the target element, source hints, and the expected change — ready for Claude Code, Codex, or your own CLI.不是画满箭头的截图。每条已接受的反馈都带着目标元素、源码线索和预期改动——Claude Code、Codex 或你自己的 CLI 拿来就能用。

Say "feedback done" — the agent applies, you verify.说一句“反馈好了”——Agent 应用改动,你来验证。

actionupdate-style
targetheader h1
sourcesrc/pages/home/Hero.tsx:18
changemax-width: 18ch max-width: 22ch
statusaccepted · handoff ready
04Boundaries边界

Local stays local.本地的,留在本地。

The first round should be easy to trust. These are the boundaries worth knowing before you join.第一轮审稿应该容易信任。加入前,这些边界值得先知道。

01

Free Local stays availableFree Local 持续可用

Solo local review never requires a team account.个人本地审稿永远不需要团队账号。

02

The browser captures intent浏览器只采集意图

Feedback, copy, style, and measure notes are never source edits.反馈、文案、样式与测量备注都不是源码修改。

03

Rounds carry the decisions轮次承载决策

Team Preview shares review context and accepted actions, nothing more.Team Preview 共享的只是审稿上下文与已接受动作。

04

Final checks stay local最终检查仍在本地

The browser never becomes the execution gate.浏览器永远不会变成执行闸门。

05Ways to start两种起点

Free and local first. Team rounds when you need them.先免费本地,需要时再进团队轮次。

Free Local

For one person and their agent.一个人和 TA 的 Agent。

  • No account. Runs on your machine.无需账号,跑在你自己的机器上。
  • Extension + local receiver + your agent.插件 + 本地 receiver + 你的 Agent。
  • Available today.现在就能用。
Read docs阅读文档
Team Preview

For a team deciding together.一个需要一起拍板的团队。

  • Sign in, create rounds, invite reviewers.登录、建轮次、邀请成员。
  • Grouping, conflict decisions, reports.分组、冲突裁决、报告。
  • Waitlist access.Waitlist 准入。
Join Team Preview加入 Team Preview

In every mode:任何模式下: source code, receiver tokens, local paths, and environment variables never sync. Team sync covers DOM copy and source hints only — and the owner confirms it first.源码、receiver token、本地路径、环境变量永不上传。团队同步只覆盖 DOM 文案与源码线索,且需 Owner 先行确认。

Why we build this为什么做这个
Browser feedback in. Source-ready context out.浏览器里进来的是反馈,出去的是源码级上下文。

square · dense · readable · deliberate方正 · 紧凑 · 可读 · 克制

06FAQ

Questions before the first round.第一轮开始前,常见问题。

Is this a public production release?这是正式公开生产版本吗?
No. Team Preview is for controlled review rounds with real teams. Free Local remains available for local use.不是。Team Preview 面向可控的真实团队 review 轮次;Free Local 仍然可以本地使用。
Do I need to log in?必须登录吗?
Only Team Preview needs identity. Free Local runs without a team account.只有 Team Preview 需要身份;Free Local 不需要团队账号。
Where does my data go?我的数据去哪了?
Free Local keeps everything on your machine. Team Preview syncs DOM copy and source hints only — source code, tokens, local paths, and environment variables never sync.Free Local 模式下全部留在本地。Team Preview 只同步 DOM 文案与源码线索——源码、token、本地路径、环境变量永不上传。
What permissions does the extension need?插件需要什么权限?
It only injects on sites you explicitly authorize, site by site, and access can be revoked at any time.只在你明确授权的站点上注入,逐站点授权,可随时收回。
Does VFS edit my source code?VFS 会直接修改我的源码吗?
No. The browser and workspace capture review intent. Accepted work still moves through local implementation and final checks.不会。浏览器和工作台只采集 review 意图。被接受的内容仍然回到本地实现与最终检查。
What should I bring to the preview?试用时需要准备什么?
One real page, one real review round, and the people who normally decide what ships.一个真实页面、一轮真实 review,以及平时负责决定是否上线的人。
07Start开始

Open the studio. Run one real review loop.打开工作台,跑一次真实的审稿闭环。

Start with a page that already needs visual decisions. Mark the issue, accept what should change, and hand off context the agent can use.从一个已经需要视觉决策的页面开始。标出问题,接受该改的,然后交出 Agent 能用的上下文。