提示词示例参考
提示词示例参考
- 图表不显示,修复参考提示词
不显示,请检查echarts代码完整性并修复
---将<>中的内容替换成实际图表名称---
- 图表缩成一团,修复参考提示词
xxx图表显示不完全,请检查是否缺少数据并修复
---将<>中的内容替换成实际图表名称---
- 如何让页面编辑起来更方便
初次生成时,提示词最下方加上示例这一段,可以让生成的页面基本都是支持平台编辑操作的静态内容,
所有内容都使用静态页面生成,不要使用JavaScript动态生成或者append html.
代码中的JavaScript代码只用来做跳转或者html元素显隐
- 在桌面端模式下一次性生成多张移动端UI图
## 产品需求:
应用类型:英语背单词的应用
## 技术规格:
▸ 单个HTML每行为3个横向排列的页面预览,可以有2行,六个页面;代码需要包含所有功能页面;
▸ 画板尺寸:375x812(带1px描边模拟手机边框);强制隐藏滚动条
---核心是技术规格---
- 使用deepseek等优化提示词
使用以下模板,让deepsee等大模型优化你的需求描述
你是一名专业的ui设计师
请对用户输入的需求从页面布局,交互,风格等角度进行优化
用户输入:
输出:
- 响应式设计提示词
平台生成的页面默认支持响应式设计,如需要指定变化要求,可参考下方示例
好示例:"生成博客首页原型:桌面端(>1200px)显示3列文章卡片;平板(768-1200px)显示2列;手机(<768px)显示1列,导航栏转为汉堡菜单"
坏示例:"博客页要适配手机和电脑"
- 表单设计类提示词
好示例:"生成注册表单:2列布局,左列姓名(文本框,必填)/邮箱(格式验证)/手机号(11位数字),右列密码(8-16位含大小写)/确认密码(与密码一致)/验证码(6位数字+发送按钮)"
坏示例:"注册表单要有姓名和密码"
- 增删元素提示词
好示例:"修改商品详情页:在价格下方新增'服务承诺'区块(图标+文字'7天无理由退货'),删除右侧'加入收藏'按钮(位于'加入购物车'下方)"
坏示例:"商品页加个服务说明,去掉收藏按钮"
- 布局调整提示词
好示例:"修改列表页:将商品卡片从2列布局改为3列(每列宽度从50%减至33.33%),卡片间距从20px调整为16px,保持响应式断点不变"
坏示例:"商品列表改密一点"
- 交互调整提示词
好示例:"修改搜索功能:原点击搜索按钮触发搜索 ,改为输入框输入完成后300ms自动搜索,同时保留按钮触发方式"
坏示例:"搜索要改得好用点"
- 内容替换提示词
好示例:"修改轮播图:将首页第2张轮播图(当前显示'夏季促销')替换为'秋季新品上市',图片尺寸保持1920x500px,文字位置居中"
坏示例:"换一下轮播图的内容"
- 数据展示样式调整提示词
好示例:"修改销售报表:将'月度销售额'折线图的X轴从'日期'改为'周'(显示近12周),Y轴刻度从0-10000调整为0-15000,添加数据标签"
坏示例:"报表的时间维度改一下"
- 加载状态样式提示词
好示例:"修改列表加载:将商品列表的整页加载动画(顶部转圈)改为卡片骨架屏(每个商品位置显示灰色占位块,图片区圆形加载动画)"
坏示例:"列表加载动画换一种"