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