标注 → 讨论 → AI 生成计划
在真实产品上标注需求
剩下的交给 AI
是泛产品经理，更是 Builder
一个标注，从一个想法到代码
你的产品 · 结算页
完成您的订阅购买流程¥ 299 / 年提交订单
高级会员 · 年付
解锁全部高级能力，随时取消
标注需求
讨论确认
预览效果
生成执行计划
Agent 执行
一个按钮颜色的改动，要等多久？
传统协作
写需求文档开会对齐排期开发验收返工
以周计，沟通层层失真
用 Refore Mark
页面上标注AI 生成执行计划Agent 执行
以分钟计，50~80% 的简单需求标注完就改完
四步，从标注到上线
1
录制或截图
浏览器扩展录制网页操作，支持跨页面连续录制完整流程；也可直接上传 UI 截图
2
标注 & 评论
点击页面元素，添加数字气泡，用自然语言描述你想改什么；支持多人协作讨论
3
AI 生成执行计划
AI 输出包含页面路径、元素定位、语义化变更描述的执行计划，需求被精准表达
4
一键导出所有执行计划
批量复制所有需求的执行计划，一次性交给 Claude Code 等 Agent 执行——不是一条 prompt 改一处的 vibe coding，而是所有需求一次交付
核心功能
录制完整用户流程
跨页面连续录制，一次标注迭代整个 User Flow 的所有改动
截图直接标注
无需录制，上传 UI 截图即可标注，支持多图切换
可视化元素标注
数字气泡锚定页面元素，标注与评论状态一目了然
在真实页面上讨论需求
直接在线上产品页面标注、评论、确认需求，比文档或设计稿批注更精准，告别需求失真
关联仓库，计划更懂代码
关联 GitHub 仓库后，AI 结合真实源码生成执行计划，页面路径与改动点直接对应到代码
批量复制，Agent 一次执行
计划包含页面路径、元素定位、语义化改动描述等所有精准信息；多个需求的计划一次性批量复制给 Claude Code 等 Agent，一次性全部改完，无需把需求再翻译一遍
claude-code
$ 读取执行计划：共 3 个需求
✓ 1/3 结算页按钮颜色与文案
✓ 2/3 首页导航新增入口
✓ 3/3 详情页文案更新
✓ 3 个需求已全部修改完成
谁在用 Refore Mark
产品经理 / 设计师
绕过来回沟通，需求直达代码
简单需求直接标注，AI 生成精准的执行计划，开发交给 Agent 执行后 review；交付路径从「需求 → 沟通 → 开发 → 验收」压缩到「标注 → review」
开发者
批量执行，省去翻译 prompt
批量复制所有标注的执行计划，一次性交给 Claude Code 等 Agent 执行；需求已经被精准表达，不用再把产品文档翻译成 prompt
所有人
在真实页面上对齐需求
所有人看着同一个真实页面标注和讨论，比设计稿批注或需求文档更直观，沟通不再失真
