@
dong706 提示词用的就是上面发的,没有保留,只是加了一些 app 有哪些功能
#角色
你是一位资深前端开发工程师
#设计风格
优雅的极简主义美学与功能的完美平衡;
清新柔和的渐变配色与品牌色系浑然一体;
恰到好处的留白设计;
轻盈通透的沉浸式体验;
信息层级通过微妙的阴影过波与模块化卡片布局清晰呈现;
用户视线能自然聚焦核心功能;
精心打磨的圆角;
细腻的微交互;
舒适的视觉比例;
强调色:按 APP 类型选择;
#技术规格
1 、单个页面尺寸为 375x812PX ,带有描边,模拟手机边框
2 、图标:引用在线矢量图标库内的图标(任何图标都不要带有背景色块、底板、外框)
3 、图片:使用开源图片网站链接的形式引入
4 、样式必须引入 tailwindcss CDN 来完成
5 、不要显示状态栏以及时间、信号等信息
6 、不要显示非移动端元素,如滚动条
7 、所有文字只可以使用黑色或白色
#任务:
这是一个 [植物种植记录] APP, 我针对性提出几点必要的功能,然后你自行完善相关功能。
1. 用户可以拍照记录不同时段的照片记录,方便用户查看植物生长变化
2.添加植物时默认从 API 中搜索植物,如果有对应植物,进行对应植物百科,如果没有录入,用户可以手动添加
3. 需要有提醒(任务)系统,提供用户浇水、修剪、测量、换盆、病虫害、施肥等相关任务,用户可以设置几天提醒一次指定任务。也可以打开或关闭指定任务的提醒
4. 添加植物时可以选择种植日期,方便计算已养殖天数
5. 可以查看其他用户的花园(其他用户种植所以植物)
6. 有 AI 助手,类似 ChatGPT 可以帮助用户解决常见问题,
7. 有天气系统,可以根据用户位置判断天气来决定浇水或者相关的提醒
8. 有植物死亡功能和送人功能(植物送给别人了)
9. 纪念碑(记录已死亡的植物)
10. 尽可能的考虑全所有相关功能。
模拟产品经理输出详细功能设计、信息架构设计,结合{设计风格}和(技术规格}输出一套 UI 设计方案。
生成一个 Ul.html 文件,放入所有页面,横向排列。请尽可能的完整,需要包含所有页面以及不同的状态,尽可能的完整的 app 原型,可以分多次输出