提示词
按七段式写成的填空提示词:组件级是原子,场景级引用组件级拼出整页。还没用真实模型跑过的,如实标「待复验」,不冒充验证过。
- 001 Scene 后台仪表盘 待复验 管理后台首页:侧边导航 + 指标卡组 + 数据表格的经典三件套。 v1.0.0 · html-css / tailwind / react
- 002 Scene App 三屏骨架(首页+列表+详情) 待复验 移动 App 最常见的三屏:底部标签栏框架 + 列表首页 + 内容详情。 v1.0.0 · html-css / tailwind / react
- 003 Scene 登录注册流程 待复验 从打开 App 到登录成功的一整套:登录表单 + 输入规范 + 结果反馈。 v1.0.0 · html-css / tailwind / react
- 004 Scene 结算流程 待复验 从购物车到下单成功:条目确认、结算表单、步骤指示与结果反馈。 v1.0.0 · html-css / tailwind / react
- 005 Scene 内容详情页 待复验 文章/内容详情整页:顶栏、头图区、正文与底部操作弹层。 v1.0.0 · html-css / tailwind / react
- 006 Scene 产品落地页 待复验 官网落地页整页:页眉、Hero、定价表的转化三段式。 v1.0.0 · html-css / tailwind / react
- 007 Scene 新手引导流程 待复验 首启三屏引导 + 登录的完整首访路径,讲完价值再要账号。 v1.0.0 · html-css / tailwind / react
- 008 Scene 个人中心 待复验 「我的」整页:头部资料、通知入口与设置列表的标准组合。 v1.0.0 · html-css / tailwind / react
- 009 Scene 设置页 待复验 完整设置页:分组列表与开关行的组合,含危险区。 v1.0.0 · html-css / tailwind / react
- 010 Scene 商城首页 待复验 电商 App 首页:搜索、轮播、商品瀑布与底部导航的完整组合。 v1.0.0 · html-css / tailwind / react
- 011 Navigation 面包屑 · 提示词 待复验 生成「面包屑」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 012 Navigation 侧边导航(抽屉/侧栏) · 提示词 待复验 生成「侧边导航(抽屉/侧栏)」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 013 Navigation 鸿蒙底部标签栏(自绘示意) · 提示词 待复验 生成「鸿蒙底部标签栏(自绘示意)」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 014 Navigation 底部标签栏(移动端) · 提示词 待复验 生成「底部标签栏(移动端)」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 015 Navigation 分段控制 / 标签页 · 提示词 待复验 生成「分段控制 / 标签页」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 016 Navigation 顶部应用栏 · 提示词 待复验 生成「顶部应用栏」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 017 Navigation 网站页眉导航 · 提示词 待复验 生成「网站页眉导航」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 018 Onboarding 新手引导轮播 · 提示词 待复验 生成「新手引导轮播」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 019 Account 登录表单 · 提示词 待复验 生成「登录表单」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 020 Content 基础卡片 · 提示词 待复验 生成「基础卡片」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 021 Content 详情页头图区 · 提示词 待复验 生成「详情页头图区」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 022 Content 分组列表 · 提示词 待复验 生成「分组列表」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 023 Content 鸿蒙分组列表(自绘示意) · 提示词 待复验 生成「鸿蒙分组列表(自绘示意)」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 024 Content 基础列表行 · 提示词 待复验 生成「基础列表行」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 025 Content 瀑布流 · 提示词 待复验 生成「瀑布流」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 026 Search 搜索框 · 提示词 待复验 生成「搜索框」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 027 Search 搜索结果页 · 提示词 待复验 生成「搜索结果页」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 028 Forms 选择器 · 提示词 待复验 生成「选择器」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 029 Forms 开关行 · 提示词 待复验 生成「开关行」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 030 Forms 文本输入框 · 提示词 待复验 生成「文本输入框」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 031 Commerce 购物车条目 · 提示词 待复验 生成「购物车条目」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 032 Commerce 结算表单 · 提示词 待复验 生成「结算表单」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 033 Commerce 商品卡 · 提示词 待复验 生成「商品卡」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 034 Personal 通知列表 · 提示词 待复验 生成「通知列表」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 035 Personal 个人中心头部 · 提示词 待复验 生成「个人中心头部」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 036 Personal 设置列表 · 提示词 待复验 生成「设置列表」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 037 Data & Work 仪表盘指标卡组 · 提示词 待复验 生成「仪表盘指标卡组」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 038 Data & Work 数据表格 · 提示词 待复验 生成「数据表格」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 039 Marketing 落地页 Hero · 提示词 待复验 生成「落地页 Hero」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 040 Marketing 定价表 · 提示词 待复验 生成「定价表」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 041 Feedback 空状态 · 提示词 待复验 生成「空状态」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 042 Feedback 404 错误页 · 提示词 待复验 生成「404 错误页」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 043 Feedback 骨架屏 · 提示词 待复验 生成「骨架屏」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 044 Feedback 轻提示 Toast · 提示词 待复验 生成「轻提示 Toast」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 045 Overlays 底部弹层 · 提示词 待复验 生成「底部弹层」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 046 Overlays 对话框(弹窗) · 提示词 待复验 生成「对话框(弹窗)」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 047 Media 图片轮播 · 提示词 待复验 生成「图片轮播」的填空式提示词 v1.0.0 · html-css / tailwind / react
- 048 Motion & Backgrounds 手风琴折叠 · 提示词 待复验 生成「手风琴折叠」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 049 Motion & Backgrounds 数字滚动计数 · 提示词 待复验 生成「数字滚动计数」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 050 Motion & Backgrounds 头像堆叠 · 提示词 待复验 生成「头像堆叠」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 051 Motion & Backgrounds 按钮按压感 · 提示词 待复验 生成「按钮按压感」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 052 Motion & Backgrounds 卡片悬停上浮 · 提示词 待复验 生成「卡片悬停上浮」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 053 Motion & Backgrounds 自定义多选框 · 提示词 待复验 生成「自定义多选框」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 054 Motion & Backgrounds 自定义滑杆 · 提示词 待复验 生成「自定义滑杆」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 055 Motion & Backgrounds 自定义开关 · 提示词 待复验 生成「自定义开关」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 056 Motion & Backgrounds 点阵背景 · 提示词 待复验 生成「点阵背景」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 057 Motion & Backgrounds 下拉菜单 · 提示词 待复验 生成「下拉菜单」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 058 Motion & Backgrounds 入场动效 · 提示词 待复验 生成「入场动效」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 059 Motion & Backgrounds 焦点环 · 提示词 待复验 生成「焦点环」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 060 Motion & Backgrounds 毛玻璃拟态 · 提示词 待复验 生成「毛玻璃拟态」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 061 Motion & Backgrounds 流光边框 · 提示词 待复验 生成「流光边框」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 062 Motion & Backgrounds 网格线背景 · 提示词 待复验 生成「网格线背景」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 063 Motion & Backgrounds 图片悬停放大 · 提示词 待复验 生成「图片悬停放大」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 064 Motion & Backgrounds 无缝跑马灯 · 提示词 待复验 生成「无缝跑马灯」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 065 Motion & Backgrounds 网格渐变背景 · 提示词 待复验 生成「网格渐变背景」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 066 Motion & Backgrounds 新拟态 · 提示词 待复验 生成「新拟态」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 067 Motion & Backgrounds 噪点质感 · 提示词 待复验 生成「噪点质感」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 068 Motion & Backgrounds 环形进度 · 提示词 待复验 生成「环形进度」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 069 Motion & Backgrounds 呼吸徽标 · 提示词 待复验 生成「呼吸徽标」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 070 Motion & Backgrounds 骨架屏微光 · 提示词 待复验 生成「骨架屏微光」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 071 Motion & Backgrounds 滑动标签页 · 提示词 待复验 生成「滑动标签页」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 072 Motion & Backgrounds 聚光灯卡片 · 提示词 待复验 生成「聚光灯卡片」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 073 Motion & Backgrounds 步骤指示器 · 提示词 待复验 生成「步骤指示器」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 074 Motion & Backgrounds 条纹进度条 · 提示词 待复验 生成「条纹进度条」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 075 Motion & Backgrounds 文字微光 · 提示词 待复验 生成「文字微光」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 076 Motion & Backgrounds 3D 倾斜卡片 · 提示词 待复验 生成「3D 倾斜卡片」效果的填空式提示词 v1.0.0 · html-css / tailwind / react
- 077 Motion & Backgrounds 气泡提示 · 提示词 待复验 生成「气泡提示」效果的填空式提示词 v1.0.0 · html-css / tailwind / react