PROMPT PLANETWeb UI

同级子页面导航

在同一产品区域的独立子页面之间切换；各页面有自己的地址与内容。适用于少量同级入口常驻显示的区域，区别于同页内容面板和结果筛选。

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

目前收录 1 种已确认样式；更多替代样式将在验证后加入。

常驻下划线导航

公开默认

稳定的区域标题下始终展示同级入口，以字重和下划线标识当前页，分隔线与内容区对齐。

Web UI

在此区域浏览场景与风格，再进入详情。

点击上方链接会进入对应的实际页面；用浏览器返回可回到此处继续选择。

样式规则与来源
  • 区域标题在同级页面之间保持稳定；其下常驻展示同级入口，当前项同时使用加粗和下划线，整行底部保留轻分隔线。
  • 导航与内容区共享起止边界和垂直间距；适配项目颜色、字体及密度，不把固定像素或全站风格当作组件默认。
  • 每项使用有真实目的地址的链接；当前项标记 aria-current=page，保留直接访问、刷新、浏览器前进后退及正常键盘链接行为。
  • 同级页切换更新地址、内容和当前项；详情使用所属目录的面包屑或返回入口，不增加重复的同级切换控件。
  • 窄屏仍可发现和访问所有同级入口；较多或较长项目采用局部横向滚动并让当前项可见，不撑宽页面或把唯一入口藏进弹出菜单。
  • 只有同页内容面板采用 tablist/tab/tabpanel 及对应键盘切换；结果筛选保留其筛选语义。

来自用户多轮选择后认可的 Prompt Planet Web UI 两个目录页，样例复用其共享渲染器。OpenRouter Activity 是用户提出的交互参考；未取得其登录后页面，不声明复刻其完整视觉。 查看来源

使用所选样式

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

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

查看完整请求

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

## 执行方式

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

## 任务

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

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