账号额度观察
适用任务
按 Provider、账号、计划和机器定位独立额度窗口,区分当前账号、历史快照与来源失败。
- 适合
- 既有账号额度观察区;按真实 Provider、账号身份与额度窗口组织筛选、搜索、当前与历史记录以及来源状态。
- 主要风险
- 窗口适用性取自真实来源;不同账号百分比不汇总,历史或陈旧快照不代表当前额度,页面时间范围不控制 Provider 窗口。
体验意图
未标注意图;可按模板正文判断是否适用。
单独使用这个子页面
属于 用量与调用观测工作台。本页应用与审核 Prompt 只针对当前子项。
页面衔接
仅在本次采用范围与目标已有关系中使用以下规则。
- 总览 → 对象详情 → 记录探索 → 请求详情使用目标项目真实的对象与请求标识,保留适用的时间范围、筛选和返回位置。独立借用一个页面时只对接目标已有入口。
- 请求详情先给结论摘要,再给尝试链、用量费用和原始证据;路由诊断在该详情内解释历史尝试与候选证据,当前配置不能代替历史事实。
- 账号额度按各自 Provider 与窗口表达;调用费用、订阅额度及临时预算分别保持来源、时间和单位,不能互相推算。预算规划卡片可嵌入已有总览,不要求建立真实预算账本。
这个模板提供什么
- 复用方式
- 按场景调整信息结构与交互;可直接采用默认设计,视觉风格按需另选。
- 结构与交互
- 提供布局与组件说明。
- 视觉设计
- 提供默认视觉参数,可按项目品牌或明确选择的风格调整。
- 应用后检查
- 提供本场景的操作检查。
交互预览
1 个示例适用范围
既有账号额度观察区;按真实 Provider、账号身份与额度窗口组织筛选、搜索、当前与历史记录以及来源状态。
参照页面
- Vercel AI Gateway · 预算与费用
适配推导 · 真实界面 · 观察于 2026-10-07
费用进度与配额展示基础
需要登录并具有团队访问权限;从 Dashboard 选择自己的团队 → AI Gateway → Budgets & Spend(团队路径 /~/ai-gateway/budgets)。入口会按账号跳转,读取当前导航链接。
历史真实控制台观察;日期不表示本次重新访问。
按模板应用无需访问来源网站;需要研究未覆盖组件时,可从这些入口继续查证。
应用前了解
- 会改变什么
- 按账号身份呈现独立窗口,分别显示当前与历史匹配数,来源状态在筛选后仍可见。
- 数据条件与适用限制
- 提供实际 Provider、账号身份、窗口定义、采集时间和来源状态;缺少计划或机器时不强造字段。
应用后的页面
主题
复用信息结构;示例的浅色面板和蓝色焦点仅供预览,不设为独立主题或跨项目默认。;可选:沿用项目主题
布局 · 身份与额度窗口表
以紧凑完整行将 Provider、账号身份、实际额度窗口及采集状态保持对应;每个窗口保留比例或用量、单位与重置时刻。窗口数量随来源定义,窄屏按账号成组换行或局部滚动,避免将一个账号拆成多个重复卡片。
布局 · 历史渐进展开
当前与历史匹配数分别显示,历史记录按需展开;来源异常独立于筛选。
组件 · 账号检索
Provider 选项从实际来源产生,按项目提供的账号身份及计划、机器等字段搜索,零匹配可清空。
组件 · 独立窗口
逐账号、逐真实窗口呈现使用量或比例、单位及重置时刻;陈旧、未知和不适用可辨。窗口名称、数量与适用性由真实来源决定,不继承示例的 Provider 与 5h/7d 取值。
组件 · 来源异常
读取失败和未登录提示持续可见,不被筛选或清空掩盖。
组件 · 主值与追溯详情
主行保留身份、窗口及判断当前可用性所需的读数、时间和异常说明;时间本身可作为详情入口,不重复添加可由主值直接读出的结论。机器、完整来源与低频技术字段收进具名详情。展开后完整字段仍可查阅;主行保留未知、历史与来源失败,时效用可读时间表达,详细时效依据按需追溯。影响操作的失效说明由产品数据语义决定。
项目覆盖
有效设计合并与冲突处理遵循 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/account-quota.json 目标仓库:<repo> 目标页面:<URL> 真实数据范围及来源:<data-scope:Provider、账号、计划、机器、额度窗口与采集时刻> 模板来源:上述当前定义 让读者按实际 Provider 筛选,并通过账号、计划、机器等现有身份信息搜索定位账号;明确当前匹配数与历史匹配数,并用渐进展开呈现历史。按实际数据映射 Provider、账号身份、额度窗口、采集时刻与来源状态,列数和窗口取自目标产品;保留逐账号额度、重置时刻、陈旧、未知和历史语义。Claude/Codex、5h/7d 与示例列数仅是演示。窗口适用性取自真实数据源,不适用与未知可区分,不强造 Provider 能力。不汇总或平均不同账号百分比。页面范围筛选不改变 Provider 自己的额度窗口。筛选只控制呈现;来源失败和未登录通知独立于筛选始终可见,零匹配有清空恢复入口。接入真实项目时保留原有动作及确认边界;合成候选自身不包含认证、登录、删除等账号操作。 读取当前定义、组件角色、数据条件与 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/account-quota.json 真实数据范围及来源:<data-scope> 以读者身份按 Provider、账号、计划与机器查找,查看当前匹配数、展开历史并清空筛选。按真实数据核对 Provider、账号身份、额度窗口、采集时刻和来源状态的映射,以及各账号独立额度和重置时刻、陈旧与未知语义;检查零匹配不掩盖来源故障、未登录或历史记录。核实窗口适用性来自实际数据源,不适用与未知可区分,不强造 Provider 能力;Claude/Codex、5h/7d 与示例列数仅是演示。页面范围不控制 Provider 窗口,百分比不相加或平均,筛选不改变刷新节奏、源数据或原有账号操作边界。读取当前定义、组件角色、数据条件与 acceptance,按 skill 的合并规则核对同一份有效设计。报告可复现问题、真实浏览器宽窄屏证据、数据范围及未核实项;本次审核不授权修复或发布。 核对紧凑主行能直接读到身份、窗口、必要读数与状态,宽度允许时读数、条形与重置时刻同行,追溯入口不另占重复说明行;主行时间可读,陈旧依据与完整来源展开可查;历史、未知与来源失败不会随折叠消失。