PROMPT PLANETWeb UI

模型发现与接入目录

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

适用任务

从能力与 Provider 筛选模型，进入详情判断候选、接入方式和可用证据。

适合
可整套采用适用页面，也可只采用其中一个子页面或模块。页面与模块的具体任务、数据条件和规则见各子项。
主要风险
示例为独立场景演示；页面关联须以目标产品真实身份、数据和能力为准。

体验意图

主要意图：理解比较与决策

次要意图：快速找到并行动

适用人群：选择模型并准备接入的开发者

访问阶段：按能力发现候选、核对详情与接入条件

设计手段：通过能力与 Provider 筛选缩小候选；以详情中的接入方式和可用证据支持判断

适用前提：能力、Provider 与接入信息来自目标项目真实数据；可用性与性能结论需有对应证据

依据与边界：设计推导：当前场景连接目录筛选与模型详情；不证明用户决策速度或接入成功率。

整套交互预览

2 个页面与模块

子页面与模块

整套采用适用页面，或打开一个子项单独预览、复制应用与审核 Prompt。

  • 模型能力目录

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

  • 模型与 Provider 详情

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

页面衔接

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

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

这个模板提供什么

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

由已批准的既有场景按读者任务聚合；子页面保留各自的来源与示例。

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

应用前了解

会改变什么
  • 组织适用页面的导航、对象身份与上下文衔接；按需单独采用子项。
数据条件与适用限制
  • 仅使用目标已有或本次明确授权新增的数据和能力；各子项的数据条件仍独立生效。

应用后的页面

主题

白色内容区、浅灰画布、细边线和紧凑行距，以少量语义色突出结果；数字等宽对齐。未另选风格时可沿用项目主题；组合风格时按 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。

模板：model-discovery-workspace
模板定义：https://prompts.aiplanet.live/api/webui/v3/templates/model-discovery-workspace.json
目标仓库：[填写仓库路径]
目标页面：[填写页面 URL、路由或产品范围]
采用范围：[整套适用页面，或填写需要的子页面／模块]
读者任务：[填写需要完成的事，可由项目上下文补全]
可选视觉风格：[可留空；指定时填写风格模板 URL]

根据读者任务确定本次采用的 sections，读取所选子项的完整定义、数据条件与 acceptance，并将适用的 journey_rules 用于页面衔接。整套采用不要求新增全部页面；只选子页面或模块时保留对应规则与相关公共约束，不引入其余页面。模块可嵌入目标已有同类区域，host_slug 不构成创建宿主页的要求。

按 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。

模板：model-discovery-workspace
模板定义：https://prompts.aiplanet.live/api/webui/v3/templates/model-discovery-workspace.json
目标仓库：[填写仓库路径]
目标页面：[填写页面 URL、路由或产品范围]
采用范围：[整套适用页面，或填写需要的子页面／模块]
读者任务：[填写需要完成的事，可由项目上下文补全]
可选视觉风格：[可留空；指定时填写风格模板 URL]

根据读者任务确定本次采用的 sections，读取所选子项的完整定义、数据条件与 acceptance，并将适用的 journey_rules 用于页面衔接。整套采用不要求新增全部页面；只选子页面或模块时保留对应规则与相关公共约束，不引入其余页面。模块可嵌入目标已有同类区域，host_slug 不构成创建宿主页的要求。

按 skill 的有效设计规则合并所选范围、可选风格与项目明确约束，保留品牌和真实业务语义。各子项示例用于理解局部交互，跨页关联只采用目标真实存在的数据关系。

本次只审核，不修改。沿选定范围实际阅读、操作并核对页面衔接，报告问题、影响、模板符合、例外与未核实项。