If you have great ideas,
Let's talk!

blog

Copycoder + cursor 复刻简单Netflix UI

编程export

做这个项目的目的主要是想测试一下 现在ai辅助(Cursor, V0…)做网页到底可以达到什么程度

我个人几乎没有前端的基础 只有很久以前做过todo list 和一些备忘录的小网站

这里用的后端只是简单的python 和flask api 接受前端请求

所有数据都由api返回 前端不储存任何值

然后有一个api在TMDB找电影poster

可以根据类别 国家 语言查询电影

这样的网站应该半天就可以做出来(其实一轮交互雏形就有了, 如果更定制化一些应该会需要更多 但是少于十次提出要求其实大致UI也跟想象中差不太多了)

另外还使用了新工具Copycoder 直接把网页截图给他 可以直接生成propmt 在cursor里一步生成想要的样式

V0只是最后稍微试了一下 不过也是可以一轮对话生成风格很像的静态UI 不知道做app是不是会更麻烦

下面是网页案例:

屏幕截图 2024-11-25 140356.png

屏幕截图 2024-11-25 140413-1.jpg

屏幕截图 2024-11-25 140433.png

https://github.com/blueif16/movieflex