PROMPT PLANETWeb UI

对象用量详情

场景模板控制台会话用量详情Token费用筛选数据表

适用任务

从列表进入会话、项目或 API Key 的用量详情,先辨认对象与指标,再筛选记录、查看来源并返回原上下文。

适合
一个对象下有多条可查询用量记录的场景与整体布局;对象标识、摘要指标、可展开元数据、子记录筛选与来源明细。
主要风险
只聚合已留存数据,不代表完整账单、真实活跃时长或 Gateway 请求关联。适用于其它对象时仍须核查真实数据。

体验意图

未标注意图;可按模板正文判断是否适用。

单独使用这个子页面

属于 用量与调用观测工作台。本页应用与审核 Prompt 只针对当前子项。

页面衔接

仅在本次采用范围与目标已有关系中使用以下规则。

  • 总览 → 对象详情 → 记录探索 → 请求详情使用目标项目真实的对象与请求标识,保留适用的时间范围、筛选和返回位置。独立借用一个页面时只对接目标已有入口。
  • 请求详情先给结论摘要,再给尝试链、用量费用和原始证据;路由诊断在该详情内解释历史尝试与候选证据,当前配置不能代替历史事实。
  • 账号额度按各自 Provider 与窗口表达;调用费用、订阅额度及临时预算分别保持来源、时间和单位,不能互相推算。预算规划卡片可嵌入已有总览,不要求建立真实预算账本。

这个模板提供什么

复用方式
按场景调整信息结构与交互;可直接采用默认设计,视觉风格按需另选。
结构与交互
提供布局与组件说明。
视觉设计
提供默认视觉参数,可按项目品牌或明确选择的风格调整。
应用后检查
本模板未单列检查项,需结合目标任务核验。

交互预览

1 个
新窗口打开 ↗
示例适用范围

一个对象下有多条可查询用量记录的场景与整体布局;对象标识、摘要指标、可展开元数据、子记录筛选与来源明细。

参照页面
  • Vercel AI Gateway · 请求日志与详情

    适配推导 · 真实界面 · 观察于 2026-10-08

    对象标题、复制标识与分段详情

    需要登录并具有团队访问权限;从 Dashboard 选择自己的团队 → AI Gateway → Logs(团队路径 /~/ai-gateway/logs)。入口会按账号跳转,读取当前导航链接。

    历史真实控制台观察;日期不表示本次重新访问。

按模板应用无需访问来源网站;需要研究未覆盖组件时,可从这些入口继续查证。

应用后的页面

主题

本预设复用信息结构;示例的浅色蓝色强调仅供预览,不构成独立配色或字体偏好。;可选:沿用项目主题

布局 · 列表到对象详情

对象标题与标识、同排指标、可展开信息、可筛选子表依次呈现;返回列表恢复原上下文。

布局 · 渐进展开

主要指标直接可见,元数据与单条来源按需展开;窄屏摘要两列、表格局部横向滚动。

组件 · 对象身份

标题、可复制标识和数据范围帮助辨认对象;多机数据保留机器身份。

组件 · 用量摘要

费用、Token、条目和观测跨度使用一致布局;未知、零与小额正值可辨,事件数不冒充请求数。

组件 · 记录与来源

模型筛选、清除条件与来源展开;有真实身份映射才提供关联下钻。

项目覆盖

有效设计合并与冲突处理遵循 web-ui-workflows apply-ui-template;保留明确的项目约束与业务语义。业务字段、数值和单位来自消费项目;示例数据不进入产品,详情不能扩张数据覆盖范围。

Prompt 模板

1 条
中文默认
## 执行方式

本 Prompt 依赖 skill web-ui-workflows(公开仓 https://github.com/lindong28/lindong-skills 的 web-ui-workflows/ 目录)。若尚未安装,先 git clone 该仓库到独立目录,取得完整 web-ui-workflows/;可放到 Claude Code 的 ~/.claude/skills/ 或 Codex 的 ~/.agents/skills/,已有同名目录不直接覆盖。无论是否已安装,本次会话都先读取该目录 SKILL.md 及下方指定工作流的正文,按其中的依赖说明准备工具并执行,不等待宿主重新发现 skill。下方占位符表示尚缺输入,先复用对话已有信息,只向用户询问仍影响任务的缺项;无需用户预先安装作者的配置。

## 任务

使用 `web-ui-workflows apply-ui-template`,将「对象用量详情」模板 应用到下面的项目页面。

本次范围:只采用“用量与调用观测工作台”中的“对象用量详情”子页面。读取该定义内的 suite_context,共同规则仅在本次目标有对应关系时适用;不因此新增整套页面。

模板定义:https://prompts.aiplanet.live/api/webui/v3/templates/usage-observability-workspace/sections/object-usage-detail.json
目标项目:<repo>
目标页面:<URL>
对象与读者任务:<会话、项目、API Key 或其它对象;读者要查什么>
模板来源:上述当前定义

让读者从可筛选的列表进入一个可分享的对象详情,先辨认对象、数据范围和主要指标,再查看筛选后的用量记录及单条来源。返回列表应恢复原上下文。读取当前定义、组件角色、数据条件与 acceptance,按 skill 的合并规则形成本次有效设计;将对象标题、复制标识、同排指标、渐进展开和子表关系映射到项目真实数据。

数值、单位、时间范围和数据覆盖必须来自真实接口;未知值、零值、估算和实测需可区分。没有可靠身份映射的记录不要伪造下钻关系。完成真实浏览器中的列表进入、筛选、详情、返回及宽窄屏验证,报告新增能力、数据缺口和发布状态。候选的使用不自动批准正式入库或上线。

审核现有页面

只审核,不修改
## 执行方式

本 Prompt 依赖 skill web-ui-workflows(公开仓 https://github.com/lindong28/lindong-skills 的 web-ui-workflows/ 目录)。若尚未安装,先 git clone 该仓库到独立目录,取得完整 web-ui-workflows/;可放到 Claude Code 的 ~/.claude/skills/ 或 Codex 的 ~/.agents/skills/,已有同名目录不直接覆盖。无论是否已安装,本次会话都先读取该目录 SKILL.md 及下方指定工作流的正文,按其中的依赖说明准备工具并执行,不等待宿主重新发现 skill。下方占位符表示尚缺输入,先复用对话已有信息,只向用户询问仍影响任务的缺项;无需用户预先安装作者的配置。

## 任务

使用 `web-ui-workflows review-ui`,对照「对象用量详情」模板 审核 <repo> 的 <URL>。

本次范围:只采用“用量与调用观测工作台”中的“对象用量详情”子页面。读取该定义内的 suite_context,共同规则仅在本次目标有对应关系时适用;不因此新增整套页面。

模板定义:https://prompts.aiplanet.live/api/webui/v3/templates/usage-observability-workspace/sections/object-usage-detail.json
以读者身份完成“定位对象 → 判断用量 → 筛选记录 → 查看来源 → 返回原列表”。核实对象身份、指标口径、数据覆盖和关联关系,检查未知与零、加载与空结果、错误恢复及宽窄屏可操作性。读取当前定义、组件角色、数据条件与 acceptance,按 skill 的合并规则核对同一份有效设计,无需访问来源商业网站。本次只审核,不修改。报告观察到的问题、可复现操作、已验证范围和仍缺的证据。