模板库

按场景查找页面模板,查看 Demo,并复制可复用提示词。

内容管理 / Console01

表格主导布局

文章、图片、订单、任务等高频管理列表。

一个以数据行占主面积的后台页面,顶部工具条清晰,右侧详情抽屉轻量浮出。

Demo + Prompt
内容管理 / Console02

左列表右详情布局

选中一条记录后持续编辑或查看详情。

左边是紧凑列表,右边是大面积详情区,用户的注意力稳定停在当前对象。

Demo + Prompt
内容管理 / Console03

Side Tabs 分类管理

分类少且每类内容结构相似的工具页。

左侧像目录,右侧像工作区,分类切换明确,内容不会把导航挤掉。

Demo + Prompt
内容管理 / Console34

左 Tabs + 右表格布局

分类切换稳定、右侧以数据列表执行为主的后台工作页。

左侧是紧凑的分类 Tabs,右侧直接进入表格执行区,上方只有一行操作按钮,页面像标准后台工作台。

Demo + Prompt
内容管理 / Console04

三栏工作台布局

需要同时看导航、对象、属性的编辑器型后台。

三栏同时可见,中间最大,左右分别处理定位和属性。

Demo + Prompt
内容管理 / Console05

批量操作表格布局

审核、发布、标签、迁移等批量处理任务。

选择后工具条变成批处理模式,用户知道当前选了多少项和能做什么。

Demo + Prompt
内容管理 / Console32

单页长列表布局

案例库、资源库、知识库等需要按主题连续浏览的长页面。

像被目录管住的长列表页,右侧是一整条连续列表流,用户可以顺着往下扫读。

Demo + Prompt
SaaS / Dashboard06

指标概览 + 趋势图布局

看业务健康度、内容表现或运营概况。

先看数字,再看趋势,最后看原因和下一步动作。

Demo + Prompt
SaaS / Dashboard07

左侧导航 Dashboard

模块较多、需要稳定导航的 SaaS 后台。

导航稳定停在左侧,右侧按任务组织,不像营销页。

Demo + Prompt
SaaS / Dashboard31

左侧导航 + 列表布局

模块稳定但不需要顶部指标卡的 SaaS 后台。

左侧是稳定导航,右侧直接进入执行区,没有顶部卡片分散注意力。

Demo + Prompt
SaaS / Dashboard08

管理驾驶舱布局

老板视角、运营视角、项目总览。

页面像值班台,最重要的结论在上,风险一直可见。

Demo + Prompt
SaaS / Dashboard09

分析报告布局

把指标、原因、建议放在一页里读。

像可操作的报告,不是散乱仪表盘。

Demo + Prompt
SaaS / Dashboard10

资源用量布局

额度、API、存储、成员席位等资源管理。

额度进度一眼可见,消耗来源在下方解释。

Demo + Prompt
表单 / Workflow11

Stepper 向导布局

创建项目、发布内容、配置集成等多步流程。

用户知道自己在哪一步,也知道下一步要提交什么。

Demo + Prompt
表单 / Workflow12

双栏表单布局

字段较多但能按基础信息和高级设置拆开。

必填信息优先,配置项不会挤压主表单。

Demo + Prompt
表单 / Workflow13

表单 + 结果预览布局

配置后立即看到生成结果或预览效果。

用户一边改参数,一边看到结果。

Demo + Prompt
表单 / Workflow14

单页长表单分组布局

不能拆步骤,但字段很多的配置页。

长表单被目录管住,不会变成一整片输入框。

Demo + Prompt
表单 / Workflow33

顶部 Tabs 设置中心布局

账号设置、安全策略、权限规则、偏好配置等后台设置页。

像标准后台设置中心,顶部用 Tabs 切换模块,主体是一整列设置项,左边解释规则,右边直接操作控件。

Demo + Prompt
表单 / Workflow15

审批流布局

申请、审核、发布前确认。

内容和流程并排,当前需要谁处理一眼能看出来。

Demo + Prompt
AI 工具 / Editor16

左输入右输出 AI 工具

提示词输入、文案生成、图片提示词生成。

输入和输出并排,用户不需要来回跳。

Demo + Prompt
AI 工具 / Editor17

三栏 AI 工作台

资料、指令、结果需要同时管理。

资料、指令、结果同时存在,像真正的生产工作台。

Demo + Prompt
AI 工具 / Editor18

Chat + Artifact 布局

聊天驱动生成代码、文章、图表、方案。

左边负责交流,右边负责沉淀产物。

Demo + Prompt
AI 工具 / Editor19

Prompt Library 布局

管理提示词模板、变量和案例。

提示词像资产一样被分类、预览、复制。

Demo + Prompt
AI 工具 / Editor20

对比评测布局

比较多个模型、提示词或生成版本。

同一条件下并排比较,不让用户在多个页面之间切换。

Demo + Prompt