reddit · SideProject · 10-27 08:50 51 分 ← 返回列表

Building UIs with AI tools is fast. Getting feedback on live web prototypes is not. Here is what I built to fix it.

Over the last year, our design workflow changed completely. Previously, everything started in Figma. We created frames, discussed details, and used Figma pins to comment directly on UI elements. It was slow to design, but reviewing was clean. Now, with tools like Cursor and v0, we skip Figma almost entirely. We generate working code, push to a staging URL, and test real components in hours. https://reddit.com/link/1xgn943/video/8khu41sl3zxh1/player Building got 10x fa

五维评分

付费意愿

需求真实度

个人可落地

竞争空间

新鲜度

AI 分析

痛点：AI 生成代码让原型搭建变快，但在真实可交互页面上的反馈收集仍靠 Slack 截图＋红圈＋含糊评论，定位和复现视觉 bug 极其低效。

目标用户：用 Cursor/v0 快速出原型的独立开发者、小型产品设计团队、前端工程师

证据：Screenshots in Slack with red circles. / Vague comments: "The button on mobile looks strange." (Which button? Which breakpoint?) / Devs spending 20 minutes trying to reproduce a visual bug that took 5 seconds to spot. / I wanted the Figma commenting experience, but on real, interactive DOM elements.

变现：按席位订阅的 SaaS（约 $10–20/人/月），免费版限项目数或评论数，付费解锁 Slack/Linear/GitHub 集成与团队协作；也可做一次性买断的浏览器扩展授权。

MVP：做一个浏览器扩展或一行 script：点击任意 DOM 元素自动生成稳定选择器并挂评论，评论气泡跟随布局重排，生成可分享链接与截图上下文，并把评论通过 webhook 推到 Slack/Linear。不做 Shadow DOM 冲突处理和复杂集成，2 周内可上线。

竞品：Marker.io、BugHerd、Userback、Pastel、Jam.dev、Volley

摘要：作者用 Cursor/v0 替代 Figma 后，构建速度提升 10 倍，但反馈收集倒退回 Slack 截图加红圈，开发者要花 20 分钟复现 5 秒就能看到的视觉 bug。他为此做了 Overplay：把评论 pin 到真实 DOM 元素上，布局重排或视口变化时 pin 仍跟随，并接入 Slack/Linear/GitHub。痛点真实且赛道已有多个成熟竞品，属于红海但仍有细分空间。