PROMPT PLANETWeb UI

标签页

在相关内容间切换,保持当前区域明确。

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

下划线

公开默认

轻量下划线标识当前内容。

项目概览

查看当前设置与可执行的操作。

样式规则与来源
  • 活动项通过下划线与文字字重同时识别。
  • 同页面板使用 tab 语义与方向键;切换后显示对应内容。
  • 标签可换行或局部滚动,不裁掉当前项。

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

分段控件

浅底轨道把局部视图切换聚在一起。

项目概览

查看当前设置与可执行的操作。

样式规则与来源
  • 选中项有完整表面,未选中项保持可读。
  • 分段只作用于已有视图,不改变业务含义与默认选择。

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

使用所选样式

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

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

查看完整请求

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

## 执行方式

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

## 任务

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

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