reddit · SaaS · 09-19 18:50 53 分 ← 返回列表

I got tired of dead UI screenshots, so I built a tool that captures real React/Tailwind code. (Free PRO extended to Sept 21)

I save a lot of UI reference. Nice empty states, pricing tables, onboarding flows, animation details. All of it ended up as flat PNGs in a folder I never opened again, because a screenshot tells you nothing about spacing, type scale, or how it was actually put together. So I built Stele. It's a Chrome extension plus a library for everything you save off the web. The difference is that a capture keeps its real structure, colors and typography instead of flattening to an image.

五维评分

付费意愿

需求真实度

个人可落地

竞争空间

新鲜度

AI 分析

痛点：收藏的 UI 参考最终都变成死截图，丢失间距、字体层级和真实实现结构，后续难以搜索和复用。

目标用户：需要收集、搜索并复用 UI 参考的前端开发者、设计师和独立开发者。

证据：a screenshot tells you nothing about spacing, type scale, or how it was actually put together; first 100 active beta users will also lock in a permanent $9/mo lifetime deal

变现：Freemium + $9/mo 订阅或终身价，后续可扩展团队版、云端索引和 Figma/AI 导出增值功能。

MVP：做一个 Chrome 扩展：一键抓取当前页面选中组件，保留 DOM/CSS 结构，导出 React+Tailwind 代码，并支持本地搜索；先不做 Figma 图层和 AI 提示。

竞品：Mobbin、Refero、Screenlane、UI Sources、html.to.design、Anima、Locofy、Builder.io、screenshot-to-code

摘要：作者因收藏的 UI 截图无法保留间距、字体和结构，做了 Stele：Chrome 扩展+库，把网页 UI 捕获为真实 React/Tailwind 代码、AI 提示或 Figma 图层，并可搜索。PRO 免费延至 9/21，前 100 名活跃 beta 用户可锁定 $9/mo 终身价。帖子未披露收入或用户付费反馈。