被Cursor惊到了!12行提示词做出一个视频网站。

科技   2024-09-24 08:00   重庆  
感谢阅读,我是江枫,专注AI,编程,副业领域。
关注公众号可领取一份大礼包,包含AI/python/副业 资料。


都说Cursor的composer功能逆天,可以实现从提示词到工程项目的一键生成。我以前用Kimi来做的时候,输入完提示词,还得自己去建文档,copy文件之类的


一键生成确实很吸引我。这次就来尝试下是否真的不需要我动手。


我准备做一个视频网站。网站主要包含2大类功能


网站功能

1 登录以及注册。没有注册过的登录会失败。注册成功后才可以登录


2 登录成功后,跳转到视频播放界面。播放本地的一个视频。并且有播放暂停按钮。



这个功能我做成了提示词形式,然后建立了一个prompt.md的文件。提示词也就12行。


在cursor中打开该文件 然后CTRL+i 唤起composer功能

提示词

我想做一个视频播放网站。需求如下


#设计框架

#1 采用python flask进行设计


#准备

#1 创建数据库文件 user.db 用来存储用户注册信息。


#登录

#1 登录界面,进行登录。后台校验登录账号,如果没有账号,提醒用户注册

#2 采用sqlite进行用户数据存储

#3 登录界面进行美化渲染


#播放视频:

#1 登录完成后,跳转到视频播放界面。显示本地的视频

#2 每个视频下,有播放,暂停2个按钮,点击播放的时候,播放视频,点击暂停,暂停播放




来看视频吧。整个代码的生成过程。确实是根据提示词自动生成了整个项目工程代码



生成的代码结构如下:

代码结构

your_project_folder/

    ├── static/

    │   ├── css/

    │   │   └── style.css

    │   └── videos/

    │       ├── video1.mp4

    │       ├── video2.avi

    │       └── video3.mov

    ├── templates/

    │   ├── login.html

    │   ├── video.html

    │   └── error.html

    ├── app.py

    ├── database.py

    └── user.db



继续输入需求:

请把登录界面美观一点,正中间是标题:电影大全。网页背景是大海,有动态效果


cursor给出的优化




咱们继续优化:登录界面左侧有烟花一直在放,请继续优化


来看看增加了烟花的效果



既然登录界面都优化了,我们继续来优化视频播放界面。优化方案如下

登录界面优化

请将视频播放网页按照下面的方式优化

#1
视频下发增加下载按钮,点击下载后。下载视频

#2
界面呈现森林背景,动态效果

输入后,cursor的方案。


来看效果




这个网站包含了用户注册,登录,视频播放,暂停,下载,以及网页美观功能。但从头到尾我没输入一行代码。全是给出想法, cursor给出代码。


整个网站最后成型,前后也就15分钟的样子。自己手敲代码,15分钟绝对完成不了。这就是AI的生产力。



我是玩AI的程序员,更多AI有趣的玩法关注公众号,可领取一份大礼包,包含AI/python/副业 资料。

AI时代大有可为,对AI工具,AI智能体,AI赚钱感兴趣的欢迎添加vx交流。

程序猿玩AI
玩AI的程序猿: 江枫,专注AI工具,AI副业,AI智能体,分享AI新闻
 最新文章