PROMPT PLANETWeb UI

对话框

在保留页面上下文的同时完成局部决定。

下面的样例使用相同内容,可直接点击并用键盘操作;应用时沿用产品主题。

居中对话框

公开默认

清楚的标题、正文与动作区承载局部决定。

保存项目设置

这会保存本次示例中的设置。

此处没有真实业务数据,确认后只展示本地反馈。

打开后可用取消、关闭或 Escape 返回。

样式规则与来源
  • 打开后焦点进入对话框,关闭后回到触发按钮。
  • 取消、关闭与 Escape 可达;长内容在对话框内部滚动。
  • 动作文字说明结果,示例不执行真实业务修改。

为跨项目复用编写的中性样例;颜色、密度与尺寸按目标主题适配。

分区对话框

标题与操作区用轻分隔线组织较长内容。

保存项目设置

这会保存本次示例中的设置。

此处没有真实业务数据,确认后只展示本地反馈。

打开后可用取消、关闭或 Escape 返回。

样式规则与来源
  • 标题、正文、动作区共同组成单一容器。
  • 主要动作与次要取消分明,窄屏保持按钮可达。

继承 浮层:菜单、对话框与提示 的当前规则。

Filter 浮层、工具提示与 Hovercard 为实测,菜单与瞬时确认为推导:白底、1px #d1d9e0、6px(大对话框 12px)、阴影 0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px #25292e1f。头部 14px w600 标题加右上关闭;选项行 32px、14px,可带 16px 图标与 12px muted 说明,hover 中性浅底;底部操作右对齐,透明次要加绿色主按钮。工具提示深底 #25292e 白字 12px、6px、内边距 4×8px;带标题、数值或链接的悬浮卡沿 Hovercard 用白底 1px #d1d9e0 6px 卡片,不用深底。瞬时确认(已复制、已保存)沿工具提示外观,出现在触发处或页面底部中央,约 2–3 秒自动消失;失败、需要阅读或需要操作的结果改用提示条,不用自动消失的深色气泡。长内容在浮层内滚动,Escape 与关闭按钮可达。

为跨项目复用编写的中性样例;颜色、密度与尺寸按目标主题适配。

使用所选样式

只用于本次任务,不改变项目或公开默认。

复制后发送给 agent;应用完成后由 agent 回读配置并验证产品页面。

查看完整请求

【PROMPT 开始——从下一行复制】

## 执行方式

本 Prompt 使用 web-ui-workflows。若未安装,从 https://github.com/lindong28/lindong-skills 取得完整 web-ui-workflows/;读取其 SKILL.md 后执行,不覆盖已有同名目录。

## 任务

请将目标产品的「对话框」采用变体 standard,范围:仅本次任务。目标产品沿当前对话;缺少目标时向我确认。
组件:dialog
目录:https://prompts.aiplanet.live/api/webui/components/v1/index.json
定义:https://prompts.aiplanet.live/api/webui/components/v1/dialog.json
目录内容 SHA256:e89b7c2c1b39aa71030cf1247e23dd248e94857d5f5f8229aa0d40750c0db331
按组件选择工作流应用并验证,交代实际生效来源与结果。若范围是长期公开默认,先准备目录变更和可浏览快照,沿其发布批准流程同步;这次复制不代表配置已经改变。

【PROMPT 结束——复制到上一行】