按界面场景组织的布局提示词。选一个场景,复制提示词,粘贴进 AI 编程工具,拿回干净的 Tailwind 代码。
一侧是表单,另一侧是品牌视觉
极简盒装表单,也适合放进弹窗
六位数字验证码输入
无密码邮箱登录卡片
新密码表单 + 实时规则校验
绑定验证器,再保存备用码
先输邮箱,再走 SSO 或密码
优先生物识别,密码兜底
选择已登录身份或添加新账号
批准或拦截来自另一台设备的登录
通过邮件邀请链接加入团队
等待态 + 冷却中的重发按钮
逐项授权应用访问范围
尝试过多后的锁定与解锁路径
所有已登录设备,可逐个结束
三种方式绕过登录墙
左边表单,右边展示所得权益
用一次性备用码紧急登录
新旧两个邮箱都要确认
经典三档,中间档主推
一个主推套餐 + 月/年切换
跨档位的功能矩阵
滑块按用量实时估价
基础价 + 可选加购模块
一次性购买,多买多折
地区切换器实时换算
团队人数决定月费
今天升级到底花多少钱
拖动滑块落到合适档位
两种购买模式并排对比
销售跟进档位 + 简短资质表单
勾选所需模块,总价实时结算
成交量越大抽成越低
按你认为值得的价格支付
硬件一次性或分期计入套餐
面向符合条件群体的折扣
对比弹性用量与承诺容量
基础费用 + 效果分成模拟
大小不一的不对称磁贴
图标 + 标题 + 文案三件套
图文行左右翻转
纯 CSS 标签,无需 JS
紧凑的四栏功能索引
旧方式与新方式并列
可滑动卡片 + 箭头与圆点
按用途分组的可搜索 Logo 墙
画面固定,内容滚动经过
左侧列表联动右侧面板
认证、控制项与信任中心入口
面向开发者,代码片段可切换
已发布 / 进行中 / 考虑中
与自建成本的诚实对比
各功能在 Web/移动/桌面/CLI 的支持情况
合规标准、键盘支持与问题反馈
用框与箭头画出数据流向
追踪从组织到资源的权限流向
用连接状态解释本地优先行为
大标题 + 副文案 + 双按钮
左文案右产品截图
深色首屏 + 径向光晕
杂志式文案 + 指标底栏
注册表单 + 重叠头像
开发者落地页 + 可复制命令
文案 + 可拖拽对比面板
一个搜索框扛起整页
左文案,右 CSS 绘制手机
一句标题轮换受众
大标题 + 持续滚动的客户墙
杂志刊头 + 细线 + 日期行
标题下方的搜索组件
日期、场地与开门倒计时
个人介绍 + 近期项目一排
左侧事由,右侧捐赠表单
地址、营业时间与拨打按钮
产品式开场 + 队友光标
音频优先 + 可触摸的录音演示
页尾处醒目的行动号召
左文案右邮箱表单
自助使用 vs 联系销售
常驻优惠条 + 可关闭
实时倒计时 + 早鸟注册
访客离开时的一次性优惠
可复制邀请链接 + 奖励进度
让额度限制看得见的用量条
大动作 + 四个小承诺
桌面访客看码,手机访客看按钮
实时成员数 + 讨论预览
场次信息 + 双字段注册
合同到期日 + 两个可选动作
购物车离包邮门槛还差多少
报告预览换邮箱
简短主张 + 开放职位列表
工作区满员时的场景化升级提示
从聚焦横幅预约安全升级窗口
大数字 + 小标签
面板内的三指标
KPI 磁贴 + 纯 CSS 趋势图
目标 + 完成百分比
分服务历史条 + 实时摘要
按周着色的留存网格
数字首次出现时滚动到位
三个 SVG 圆环 + 中心数值
递减横条 + 流失标注
紧凑指标表 + 带符号变化
持续跳动的实时数字
名次、分数与升降
你的数值 vs 中位数 vs 前 10%
各选项票数与总数
排放、能耗与材料 + 语境说明
公司数字钉在发生的年份上
突出异常波动但不丢上下文
日历热力图 + 连续与稳定性洞察
Logo + 链接 + 按钮
悬停展开的分组链接面板
悬浮于页面之上的圆角条
产品头部 + 分区标签
分组纵向菜单,可缩成图标
面包屑 + 版本下拉 + 旧版提示
汉堡按钮滑出全高面板
可关闭的公告置于头部上方
在分区之间滑动的指示条
应用栏 + 可搜索的租户下拉
高头部滚动后压缩
分类行 + 搜索 + 购物车计数
位置、标题与此记录的操作
贴底的移动端应用导航
商店栏内的国际化控件
跟随阅读进度高亮的章节链接
文档导航 + 实时编辑者与同步状态
套件导航 + 可搜索的产品切换器
带头像底部的评价卡
居中的单条大评价
信任条 + 高亮评价
长短不一的错列评价
分数分布 + 近期评价
带播放按钮的缩略图 + 引语
一次一条 + 进度圆点
引语 + 它带来的数字
好评截图拼成动态流
第三方评分衬托单条推荐
一排头像选择展示哪条
两行反向漂移
筛选 chips 聚焦同行行业
对话形式 + 金句突出
好评压在截图之上
员工的真实声音
悬停 Logo 显示评价
三个关键时刻讲完一个评价
真实客户录音 + 可读文本
品牌区 + 链接栏 + 法律行
Logo + 一行链接 + 版权
订阅面板 + 链接栏
巨大品牌字 + 细链接行
深色页脚上叠白色转化卡
产品内细条 + 状态与语言
运营徽章 + 区域控件
六栏链接 + 移动下载块
最新文章 + 导航栏
地址、营业时间与直达邮箱
金融/医疗产品的密集小字
小屏折叠的链接栏
翻页 + 编辑链接 + 反馈
分级赞助 Logo + 小字
三城市地址 + 本地联系
导航旁高亮开放职位
做成终端会话的开发者页脚
透明的基础设施碳排与区域选择
用 details 元素的可展开问答
左侧标题,右侧问题
搜索框 + 主题筛选 + 结果列表
三列答案卡 + 联系卡
收起时收集反馈
吸顶主题列表 + 分组答案
每条答案可分享
答案 + 吸顶的当前套餐摘要
聊天气泡式的问答
计数 + 一键全展开
买家/管理员/开发者各一套
一次一问直到给出答案
按首字母跳转的术语表
政策答案 + 运费表
答案 + 指向的文档
短视频回答视觉类问题
在可读术语表里回答概念问题
按版本给出答案 + 变更提示
应用骨架 + 指标行
可搜索列表 + 状态签
纯 CSS 堆叠条 + 区间选择
带头像的事件时间线
四列、可拖卡、实时计数
会话列表 + 阅读窗格
日期区间切换全页数据
每项计量资源对额度
按严重度排序的实时事件 + 负责人
成员表 + 行内角色控制
七列时间块 + 当前时刻线
流式行 + severity 筛选 + 暂停
分服务支出 + 预测
百分比定向 + 环境开关
分区域延迟与可用率 + 地图块
左列表,右选中请求详情
一屏诊断慢查询
在断货前排出采购优先级
编号步骤 + 当前状态
入门任务 + 进度
可选中磁贴,定制后续流程
锚定按钮的聚光提示
加地址、设角色、发送或跳过
集成磁贴翻转为已连接
校验通过才放行下一步
上传表头匹配目标字段
Logo、色彩与预览并排
多选意图,塑造后续设置
收尾页 + 显而易见的下一步
分操作系统的可复制命令
选择收什么、在哪收
设置起点的岔路
从中断处继续设置
首次运行对话框 + 三件可试的事
教写作助手团队的偏好语气
前置设定工作时段与例外
封面图 + 标签 + 标题 + 元信息
可读的单栏文章正文
一篇大图文章 + 紧凑次条列表
主题 pills + 密集行列表
阅读进度条 + 实时目录
沿日期轨排列的发布说明
编号期号 + 主题 + 打开率
简介配近期文章的署名页
播放行 + 时长 + 节目笔记链接
按级别和时长分类的学习内容
文章最后一段之下的内容区
五部中的第三部,全系列可见
正文旁的旁注与脚注
文章下的讨论,一层回复
跨文章、文档、视频的匹配
客户事实侧栏 + 叙述正文
保存、排序、续读长文
按读者目标定制长文阅读路线
信息面板 + 表单字段
紧凑居中的留言表单
把用户引导到对的团队
先选日期,再选时段,最后确认
显示当地是否在岗的城市卡片
悬浮气泡 + 预设回复对话
选择部门后表单随之改变
先打分,再出现评论框
严重度、复现步骤、环境一次提交
电话、时区、首选时间段
媒体咨询 + 可下载品牌素材
邮编搜索 + 附近门店列表
各管什么、怎么找到他们
退订选项而非彻底离开
资格问题 + 预算区间
真正着火时的上报通道
注重隐私的举报 + 安全跟进码
为买家组装安全与法务资料包
悬浮的成功提示
友好的无数据占位
底部隐私横幅
小型促销条
⌘K 聚光搜索浮层
拖放区 + 上传中的文件行
需精确输入才可执行的危险操作
脉冲占位,加载完替换为内容
不离开页面编辑、校验、保存 URL
录制可访问组合键并标记冲突
逐块审查并暂存代码差异
测试配色对的实时无障碍结果
用大白话控件生成 cron 表达式
只显示一次,带倒计时与复制门槛
分栏编辑器随输入渲染
四城市对齐找出可行时段
词组密码 + 实时强度读数
模式、标志与高亮匹配
可折叠节点 + 类型与计数
色板、间距、圆角,数值可复制
对话框里的可搜索速查表
对照模型上下文窗口的实时估算
AI 运行的可展开工具调用时间线
百分比滑块 + 实时分桶网格
带退避重试的投递日志
从约定式提交到版本升级
指针与键盘重排 + 实时排名
可视化新鲜、陈旧、过期响应行为
生成响应式 clamp 值并实时预览层级