【 AI 】 Cursor设计原型-EW帮帮网

#场景#

原型是UI可交互界面,需求分析阶段产生.现在需要使用cursor(ai代码助手)设计一个原型网站.

cursor安装

Cursor - The AI Code Editor

https://objects.githubusercontent.com/github-production-release

免费版限制（Russia）

Releases · Nikitosshow/cursor-help

下载

cursor_bypass.exe

登录github账号注册cursor,再进行汉化

前端准备

用node下载一个vue模板

npm install -g @vue/cli
vue --version
vue create demo-name
localhost:8080

生成网站

1.运行vue框架

在idea开发环境打开刚刚生成的vue项目文件夹,试运行一下.

指令：
你是一个集前端开发15年专家、交互设计师、产品经理为一体的全能手，现在需要帮我做一个网站，这个网站是类似中国开源网站xxx，这个产品主要介绍中国xxx资料,用vue写成，包括列表页、首页、文档详情页、文档上传页、搜索结果页、积分充值页等等，因为产品还在开发中，所以需要临时开发类似xxx的开源文库系统前端网站，支持 TXT、PDF、EPUB、MOBI、Office 等格式文档的在线预览与管理 。
#内容要求：
1、网页的内容是关于xxxx资料的，你可以从网上搜索相关最新最热门信息作为临时内容；
2、内容不需要多，但是比较正规,首页有轮播图；
3、网站名字叫”xxxx平台“，底部需有页脚用于放版权、备案信息、侵权提示、项目图标、关于我们、文库协议、联系我们、意见反馈、免责声明等；
4、网站有登录、注册、个人主页、发布文章页、上传文档页；
5、个人中心页有我的动态、我的订单、我的上传、我的收藏、我的下载、资料设置等页面;
6、网站需要体现大气、专业，面向年轻人；
7、积分充值页面需要有微信支付和支付宝支付的跳转按钮,.
#其他要求：
1、仅做一个临时网站,可交互网站；
2、支持自适应,类似xxxx ；
3、内容支持中英文切换；
4、相关内容不需要我来填，你可以从网络获取，按照自己的理解整理出来，因为是网站，所以内容的展示，你作为产品经理有自己的思路；
5、你可以有自己的任务拆解，按照自己的计划来，但是所有功能一次性输出结果，中间不要停下来询问我。