方法一:常见UI组件库/风格+文字描述
目前有很多常见的UI组件库,比如:
- React UI组件库有Material-UI、Ant Design
- Vue.js UI组件库有Element UI
- 通用UI组件库有Bootstrap等
但这种UI组件库需要根据项目类型选择,初学者选择起来有一定难度,所以我们可以换个思路,给AI指定一些通用的UI风格,比如:
- 苹果的Apple Design
- 谷歌的Material Design
- 适合企业应用的Ant Design
- 以及磨砂玻璃风的Glassmorphism
- 扁平风的Flat Remix
- …
参考Apple Design风格对UI进行重构优化,整体功能架构保持不变
参考Glassmorphism风格对UI进行重构优化,整体功能架构保持不变
方法二:参考图+具体描述
如果你想模仿竞品增加一些页面和功能,最快捷的方法就是把参考图丢给cursor,并具体描述你想参考的方向。
大家注意这里的描述提示词:
这个小程序有三个页面,分别是首页、订单、我的。
三个页面共享底部的Tabs,点击Tabs上的三个按钮可以切换至不同页面,我们目前已经有了“首页”,
请为“订单”和“我的页面”分别创建页面,页面信息可以参考上传的图片
(暂时不用考虑这两个新页面的功能实现),UI风格需要和原来的风格保持一致。