PROMPT PLANETWeb UI

对象分组

收起重复对象的明细,同时保留对象身份与摘要。

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

浅底分组

公开默认

标题行与明细形成连续的所属范围。

数据采集服务2 项明细

最近一次检查已完成,以下列出当前任务使用的连接与运行信息。

运行方式
按需执行
连接
沿项目已有设置

较长的说明会在所属分组内换行。即使浏览到最后一段,也应能看出这段内容属于哪个对象。

阅读此项说明

这是本地交互样例,不连接真实服务。

内容发布服务2 项明细

最近一次检查已完成,以下列出当前任务使用的连接与运行信息。

运行方式
按需执行
连接
沿项目已有设置

较长的说明会在所属分组内换行。即使浏览到最后一段,也应能看出这段内容属于哪个对象。

阅读此项说明

这是本地交互样例,不连接真实服务。

样式规则与来源
  • 细线 chevron 表达开合,标题区域可点击;独立链接不触发开合。
  • 浅色组行区分对象与明细;展开内容的归属能连续追踪到末尾。
  • 同用途的并列分组共享边界、间距和开合提示;按项目主题选择底色、边线和留白。

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

描边分组

白色描边容器适合内容较多的并列对象。

数据采集服务2 项明细

最近一次检查已完成,以下列出当前任务使用的连接与运行信息。

运行方式
按需执行
连接
沿项目已有设置

较长的说明会在所属分组内换行。即使浏览到最后一段,也应能看出这段内容属于哪个对象。

阅读此项说明

这是本地交互样例,不连接真实服务。

内容发布服务2 项明细

最近一次检查已完成,以下列出当前任务使用的连接与运行信息。

运行方式
按需执行
连接
沿项目已有设置

较长的说明会在所属分组内换行。即使浏览到最后一段,也应能看出这段内容属于哪个对象。

阅读此项说明

这是本地交互样例,不连接真实服务。

样式规则与来源
  • 展开内容与标题共用完整外框;组与组之间保持明确间隔。
  • 元信息紧邻名称,内容中的链接与开合动作分离。

继承 分组列表 Box 的当前规则。

实测(Issues、Commits):同类重复条目放进一个 1px #d1d9e0、6px 的 Box;可选 #f6f8fa 头部承载计数、筛选与排序;行间 1px 分隔,行内边距 8–16px。行标题 16px w600(密集时 14px w600),元信息 12px #59636e 用「·」分隔,标签紧随标题;行 hover 可用 #f6f8fa。按日期分组时,在 Box 之上放 14px #59636e 日期标题与 16px 图标(如「Commits on Oct 7」)。适用于新闻列表、归档、来源目录和收藏。头部的计数、筛选与操作在窄屏换行。Box 位于 grid 或 flex 布局中时取 min-width: 0,否则 Box 会按其中宽表格的最小宽度撑开,表格自身的横向滚动不生效,窄屏整页横向滚动。

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

使用所选样式

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

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

查看完整请求

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

## 执行方式

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

## 任务

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

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