Who buys this
几乎每卖出两副就退一副的独立眼镜品牌和眼镜店,因为镜框在脸上没坐正。
Where to start in Lovable
Paste this into Lovable as the opening prompt. It sets up one screen and one job, which is easier to grow from.
为一个眼镜目录做一个试戴页面。访客允许摄像头或上传一张照片,应用在浏览器里检测面部特征点,把选中的镜框以正确的宽度和倾角画到眼睛上。显示一个尺寸提示,把镜框宽度跟测出的脸宽比一比。让访客把三个样子并排存下来,把最中意的送进购物车。除非访客按保存,否则每张照片都留在浏览器里。
What you will need to wire up
- Lovable AI Gateway
- Lovable Cloud (Postgres)
- Storage для каталога
- Stripe
Build order
- 从一副镜框和一张脸开始. 在你导入目录之前,先让单副镜框的叠加能不抖地跟住一颗动 的头。要是一副的对齐错了,两百副也是错的,目录只会把这个盖住。
- 测量脸,别去猜它. 拿瞳孔之间的距离做比例参考,从它推出镜框宽度。这一个数把一个好玩的滤镜变成一个尺寸推荐,而那正是店铺花钱买的部分。
- 把镜框素材准备一次. 每副镜框需要一张透明的正面图、一个对应真实毫米宽度的像素宽度,以及铰链上的两个锚点。把那三个字段跟产品一起存,叠加的代码就永远保持简单。
- 卖组件,不是卖应用. 把它作为一个嵌入交付,店铺用一个 script 标签放进商品页。品牌不会把自己的店搬到你的站上,但他们会粘一个能降低退货的标签。
Where this usually breaks
- 快速转头时眼镜会从脸上滑掉,因为特征点落后一帧。在最近几帧上把位置平滑一下,而不是画那个原始值。
- 摄像头权限被拒的次数,比创始人预想的多,尤其在桌面端。永远把照片上传作为一条平等的路提供,而不是一个兜底的链接。
- 人脸照片在欧盟和巴西都是敏感数据。在浏览器里处理,默认什么都不存,并把那句话放在组件本身上。
How it makes money
- 按店铺的月费. 按目录规模分档,因为准备镜框素材才是你真正的活儿。
- 一次性的目录准备. 按镜框收费,做抠素材和量锚点。它给缓慢的第一个月提供资金。
Build this on Lovable
The prompt above is ready to paste. Open Lovable, drop it in and get a first working version in minutes. Free plan, no card, 5 credits a day.
试用 Lovable+10 个免费额度Affiliate link. The commission is ours, the price for you is the same.