PROMPT PLANETWeb UI

模型能力目录

场景模板控制台模型目录Provider筛选数据表

适用任务

以紧凑目录发现模型,按能力与接入方筛选,再进入保留上下文的详情。

适合
模型或能力目录,适合发现、比较和选择资源;目录登记、当前就绪与访问授权分别表达。
主要风险
参考目录不等于当前可用或项目获准;历史与报价的候选、模式和时间范围必须可辨。

体验意图

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

单独使用这个子页面

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

页面衔接

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

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

这个模板提供什么

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

交互预览

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

模型或能力目录,适合发现、比较和选择资源;目录登记、当前就绪与访问授权分别表达。

参照页面
  • Vercel AI Gateway · 模型目录

    直接参照 · 真实界面 · 观察于 2026-10-06

    搜索、筛选与目录表格

    公开页面

    历史真实目录观察,包含筛选与搜索。

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

应用后的页面

主题

白色内容区、浅灰画布、细边线和紧凑行距,以少量语义色突出结果;数字等宽对齐。未另选风格时可沿用项目主题;组合风格时按 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`,按“模型能力目录”模板改进目标 Web UI。

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

模板:model-catalog
模板定义:https://prompts.aiplanet.live/api/webui/v3/templates/model-discovery-workspace/sections/model-catalog.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-catalog
模板定义:https://prompts.aiplanet.live/api/webui/v3/templates/model-discovery-workspace/sections/model-catalog.json
本次仅审核“模型发现与接入目录”中的“模型能力目录”;读取 suite_context 中适用的公共规则,不要求新增整套页面。
目标仓库:[填写仓库路径]
目标页面:[填写页面 URL 或路由]
读者任务:[填写用户需要在页面上完成的事]

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