记录探索工作台

场景模板控制台记录请求日志搜索筛选数据表导出浅色中性色

适用任务

从搜索和筛选迅速定位记录，保留查询上下文进入详情，并导出当前范围。适合请求日志、任务记录和跨项目操作台。

适合: 以查找、筛选和下钻为主要任务的记录页；适配请求、任务或事件数据。示例使用请求记录，业务字段与查询能力由目标项目提供。
主要风险: 需确认筛选、摘要和导出的范围一致；分页总数、刷新频率与性能由目标数据接口决定。

体验意图

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

单独使用这个子页面

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

页面衔接

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

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

这个模板提供什么

复用方式: 按场景调整信息结构与交互；可直接采用默认设计，视觉风格按需另选。
结构与交互: 提供布局与组件说明。
视觉设计: 提供默认视觉参数，可按项目品牌或明确选择的风格调整。
应用后检查: 提供本场景的操作检查。

交互预览

1 个

示例适用范围

以查找、筛选和下钻为主要任务的记录页；适配请求、任务或事件数据。示例使用请求记录，业务字段与查询能力由目标项目提供。

参照页面

Vercel AI Gateway · 请求日志与详情
直接参照 · 真实界面 · 观察于 2026-10-08
筛选栏、请求列表与详情入口
需要登录并具有团队访问权限；从 Dashboard 选择自己的团队 → AI Gateway → Logs（团队路径 /~/ai-gateway/logs）。入口会按账号跳转，读取当前导航链接。
历史真实控制台观察；日期不表示本次重新访问。

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

应用前了解

会改变什么: 将结果表置于主阅读路径，常用筛选直接可见，高级筛选按需展开。
已选条件可单独清除，查看详情后返回同一查询和焦点；统计按现有策略加载。
数据条件与适用限制: 需要可识别的记录、时间与结果字段，以及与页面范围一致的查询能力；记录身份可用于打开详情。
全范围导出需要导出接口或完整遍历能力；只导出当前页时明确范围。Live与趋势仅在数据源支持时提供。
适合查找和下钻记录；以长文阅读或单次填写为主的页面应选择其他场景。缺少能力时按任务授权补实现或明确调整。

应用后的页面

主题

三个控制台场景共享的视觉默认与交互规则；视觉风格仅替换视觉部分，品牌与业务约束由项目保留。；可选：采用控制台基线并保留项目品牌、按项目明确的设计约束调整

布局 · 记录工作台

保留工作区公共导航，短页头与紧凑搜索、时间范围、导出工具栏位于内容区；局部筛选可采用工具条或内容区内的窄栏，随后为当前范围摘要与记录表。数据进入首屏，窄屏折叠高级筛选、表内横向滚动。

布局 · 上下文内下钻

记录具名入口打开右侧详情面板；关闭后保留查询、滚动位置与焦点。项目、机器等身份字段随记录保留。

组件 · 筛选与范围

搜索、时间和高频维度共同界定当前范围；已选条件可见、可清除，无结果时可重置。沿用接口支持的维度。

组件 · 紧凑摘要

摘要与列表使用相同筛选语义，明确统计对象与未知数量；指标按业务选择，缺失时间序列时保持纯数值摘要。

组件 · 高密度记录表

时间、结果、对象与关键数值沿固定列扫描；请求与尝试分开计数，长内容在详情中阅读。

组件 · 范围导出

导出当前筛选范围，明确完整匹配集合与当前页的区别；下载保留业务身份，失败给出可见反馈。

组件 · 刷新与趋势入口

实时数据源可提供 Live／暂停，时间序列可提供按需趋势；静态或不支持这些能力的数据源不显示无效入口。

项目覆盖

保留项目品牌、技术栈、权限、指标口径和按需加载策略；本次可调整布局、字号、间距与密度。按读者任务采用设计规则，明确记录项目覆盖及理由。

共同设计规则

默认视觉

中性色画布与表面，以轻边线区分层级，阴影用于浮层。主操作有清楚的视觉重点，状态色同时配文字；保留项目品牌色、键盘焦点和可读对比度。
文字按职责分层：页标题24px、区块标题16px、正文及控件14px、辅助信息12px、指标28px；数值等宽对齐。间距、控件和表格采用同一组 tokens；这些是默认值，不是所有网页的合格阈值。
同一项目各页共享字体、间距和控件外观。显式选择其他风格时只替换视觉表达，保持场景的信息优先级、交互和业务语义。

共同交互

页面先回答当前任务：总览给状态与归因，列表给结果，详情给对象结论。管理与采集说明按需展开，影响结论的缺失、过期和错误保持可见。
同一工作区跨页保留产品导航的结构、身份和当前位置；局部筛选属于页面内容区。窄屏沿用产品统一导航方式，列表图表使用可用宽度，表格局部滚动，主要动作仍可达。
常用筛选直接可见，其余放入具名高级筛选。已选条件可见、可单独清除；下钻和返回保留范围。昂贵统计沿项目既有策略按需加载。
表格优先展示对象、结果和可比较数值，长技术标识在详情中完整查看。详情先展示结果与时间摘要；请求诊断按摘要、尝试链、用量费用明细、原始证据递进，摘要可保留已有总耗时与总费用；关闭恢复查询和焦点。
金额保留币种与统计范围，未知、已知零和小额正值可辨。没有数据不生成虚假趋势；真实错误不能作为辅助说明隐藏。
加载时先呈现 URL 中的当前查询与已选条件，选项名称未就绪时保留条件身份；条件可清除、导航可用。已知结果明确所属范围，迟到响应不能覆盖新查询；空结果可清除条件，失败提供适用的恢复入口。按实际改动验证相关状态。

应用后检查

常用条件与当前选择可见；从带筛选的链接进入、选项或记录尚在加载时，条件仍可辨、可清除，公共导航可用；高级筛选展开和清除后结果同步更新。
记录优先展示；尚未请求的全范围统计说明未加载，并通过具名操作按需取得。
长名称、多条记录及窄屏下仍能识别对象和打开详情；关闭详情恢复焦点与查询。

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`，按“记录探索工作台”模板优化目标 Web UI。

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

模板：record-explorer
模板定义：https://prompts.aiplanet.live/api/webui/v3/templates/usage-observability-workspace/sections/record-explorer.json
目标仓库：[填写仓库路径]
目标页面：[填写页面 URL 或路由]
读者任务：[填写需要完成的事，可由项目上下文补全]
可选视觉风格：[可留空；指定时填写风格模板 URL]

读取当前定义、设计基线、数据条件和 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`，按“记录探索工作台”模板审核目标 Web UI。

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

模板：record-explorer
模板定义：https://prompts.aiplanet.live/api/webui/v3/templates/usage-observability-workspace/sections/record-explorer.json
目标仓库：[填写仓库路径]
目标页面：[填写页面 URL 或路由]
读者任务：[填写需要完成的事，可由项目上下文补全]
可选视觉风格：[可留空；指定时填写风格模板 URL]

读取当前定义、设计基线、数据条件和 acceptance，无需访问来源商业网站。按 skill 的合并规则形成或复用本次有效设计，让实现与审核依据同一份规则；另选风格只覆盖视觉表达。保留项目品牌、真实业务口径和已确认约束，将缺少的数据或能力明确处理。

本次只审核，不修改。在目标页面实际阅读和操作本次路径，核验宽窄屏及相关状态，分别报告业务正确、模板符合和视觉交互结果。在报告中注明模板来源及内容摘要、有效规则、调整理由、验证结果及用户反馈；未取得的反馈和未核实项明确标注。