下面将演示如何用Cursor这款AI编程工具，快速帮你生成产品原型，有助于你在接外包项目，或者给客户做项目方案时，能快速输出更多有卖点和竞争优势、又能打动客户的产品原型方案。
以【公司访客登记APP】为需求，演示生成产品原型的使用和效果。
用AI生成访客端App
新建一个本地新目录，并且用Cursor打开这个新目录。开启新对话，输入以下生成产品原型的提示词。
提示词参考：
请帮我做一个APP 的产品原型：公司访客系统，主要核心功能：扫码预约、公众号预约等，以及个人信息、身份登记、来访时间和事宜、预约的部门人员等。以及 审批管理端，对来访进行管理和后续的跟进，以及考核、报表统计等。
请分别设计两套产品原型，使用静态数据 ，html 和常规css即可。
如果还有什么不确定的，可以问我。没问题，请开始！项目名称统一用：ROSS访客
最终生成的效果如下：
1、访客预约入口
2、扫码预约/公众号预约
3、查看我的预约
生成的产品原型代码文件：
~/projects/cursor/try_ross/try_ross_baoshu/try_ross_demo ⌚ 13:30:15
$ tree visitor_app
visitor_app
├── index.html
├── records.html
├── reserve.html
├── style.css
└── success.html
0 directories, 5 files
用AI生成管理端App
最终生成的效果如下：
1、访客管理端主页
2、预约审批
3、访客管理
4、考核统计
生成的产品原型代码文件，
~/projects/cursor/try_ross/try_ross_baoshu/try_ross_demo ⌚ 13:30:17
$ tree ./admin
./admin
├── approval.html
├── followup.html
├── index.html
├── login.html
├── report.html
├── style.css
└── visitors.html
0 directories, 7 files
用AI生成产品官网
继续用AI生成对应的产品官网，参考提示词：
请帮我再设计这个app的推广官网，适配pc和手机端，并且整理好对应的产品使用手册。
1、产品官网首页（里面的信息忽略，主要演示AI生成能力）
手机端适配的官网访问效果，
产品官网的原型代码，
$ tree ./website
./website
├── index.html
└── style.css
0 directories, 2 files
用AI生成产品使用手册
最后是，AI生成产品使用手册的效果。
小结补充
这次，主要是演示和介绍如何快速用AI工具，帮你把客户的想法和需求，转化成产品原型方案。对于里面的logo、主题色、项目名称、联系方式和物料等，可以相应更换成自己客户的。
