后台仪表盘
管理后台首页:侧边导航 + 指标卡组 + 数据表格的经典三件套。
Web 网站桌面客户端数据与工作全屏整套流程 版本 v1.0.0 · 框架目标:html-css / tailwind / react 待复验
这条场景提示词引用的组件提示词
- 侧边导航(抽屉/侧栏) · 提示词 v1.0.0
- 仪表盘指标卡组 · 提示词 v1.0.0
- 数据表格 · 提示词 v1.0.0
- 顶部应用栏 · 提示词 v1.0.0
版式说明
左导航常驻(可折叠),右区顶部应用栏(标题 + 搜索 + 账号),内容区第一行 4 张指标卡,第二行数据表格占满剩余高度,表格底部分页。
填空生成你的提示词
这条提示词没有参数表:直接复制全文,把文中的占位符换成你的内容。
验证信息
待复验:这条提示词还没有用真实模型跑过,上线前会逐条复验。
拼好的完整提示词
原始七段全文
场景说明
管理后台首页:侧边导航 + 指标卡组 + 数据表格的经典三件套。
版式说明
左导航常驻(可折叠),右区顶部应用栏(标题 + 搜索 + 账号),内容区第一行 4 张指标卡,第二行数据表格占满剩余高度,表格底部分页。
引用的组件提示词
drawer-nav-promptv1.0.0dashboard-cards-promptv1.0.0data-table-promptv1.0.0top-app-bar-promptv1.0.0
生成顺序
先按版式生成页面骨架,再逐个引用上面的组件提示词生成各部件,最后统一令牌与间距。不要把组件提示词全文复制进本场景——引用 + 覆盖即可(规格 §5.1)。
(验证状态:待复验。本场景尚未经真实模型实测,验证字段如实留空。)