模型与 Provider 详情

场景模板控制台模型详情Provider筛选数据表

适用任务

将模型简介、接入示例、候选比较与调用证据组织在同一详情页。

适合: 有多接入方或多候选的模型详情；帮助读者了解能力、比较报价与开始接入。
主要风险: 参考目录不等于当前可用或项目获准；历史与报价的候选、模式和时间范围必须可辨。

体验意图

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

单独使用这个子页面

属于模型发现与接入目录。本页应用与审核 Prompt 只针对当前子项。

页面衔接

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

模型目录 → 模型与 Provider 详情使用同一模型身份；详情可直达，返回目录时保留筛选、查询和滚动位置。
能力声明、Provider 报价、接入代码与可用证据各自注明条件；注册存在、近期成功和当前可用不能互相冒充。
只借用目录或详情时接入目标已有页面；只展示真实存在的 Provider、权限和可执行接入方式。

这个模板提供什么

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

交互预览

1 个

示例适用范围

有多接入方或多候选的模型详情；帮助读者了解能力、比较报价与开始接入。

参照页面

Vercel AI Gateway · 模型详情与供应商
直接参照 · 真实界面 · 观察于 2026-10-06
标题、锚点导航与供应商比较表
公开页面
历史真实模型详情观察；包含 Provider 表格及列选择，未发送 Playground 请求。

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

应用后的页面

主题

白色内容区、浅灰画布、细边线和紧凑行距，以少量语义色突出结果；数字等宽对齐。未另选风格时可沿用项目主题；组合风格时按 apply-ui-template 合并有效设计。；可选：沿用项目主题、采用示例浅色中性色

布局 · 简介与接入

宽屏左侧能力与上下文，右侧可复制代码；窄屏按阅读顺序单列。

布局 · 候选比较与实测

章节导航连接 Provider 表、模型历史与显式检查，字段一致对齐。

组件 · 候选报价

按候选逐条呈现币种、输入/输出价、来源、适用模式和时效；没有证据显示未知。

组件 · 接入示例

使用项目真实协议，地址与身份明确待填，复制有反馈；不在浏览时触发调用。

组件 · 观察与操作分离

历史统计不冒充当前就绪；检查动作说明费用及证明范围，仅在用户明确操作时执行。

项目覆盖

有效设计合并与冲突处理遵循 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`，按“模型与 Provider 详情”模板改进目标 Web UI。

本次范围：只采用“模型发现与接入目录”中的“模型与 Provider 详情”子页面。读取该定义内的 suite_context，共同规则仅在本次目标有对应关系时适用；不因此新增整套页面。

模板：model-provider-detail
模板定义：https://prompts.aiplanet.live/api/webui/v3/templates/model-discovery-workspace/sections/model-provider-detail.json
目标仓库：[填写仓库路径]
目标页面：[填写页面 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` 审核目标网页。

模板：model-provider-detail
模板定义：https://prompts.aiplanet.live/api/webui/v3/templates/model-discovery-workspace/sections/model-provider-detail.json
本次仅审核“模型发现与接入目录”中的“模型与 Provider 详情”；读取 suite_context 中适用的公共规则，不要求新增整套页面。
目标仓库：[填写仓库路径]
目标页面：[填写页面 URL 或路由]
读者任务：[填写用户需要在页面上完成的事]

读取模板并按 review-ui 的有效设计与范围规则审核；组合视觉风格时保留场景结构、项目明确约束及业务语义。实际阅读页面并操作筛选和详情，记录宽窄屏表现与响应；指出问题、影响及改进建议。本次只审核，修改须由用户另行要求。