分步配置工作台

场景模板配置工作台表单策略分步编辑

适用任务

从配置列表进入四步抽屉：身份、约束、行为、保存前摘要。适合模型策略、任务配置和服务设置。

适合: 配置列表与分步编辑；默认值、权限及生效契约由目标产品提供。
主要风险: 示例仅在浏览器内存保存；不证明生产鉴权、持久化、热加载或通用业务契约。

体验意图

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

这个模板提供什么

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

整套交互预览

1 个

示例适用范围

配置列表与分步编辑；默认值、权限及生效契约由目标产品提供。

参照页面

Vercel AI Gateway · Virtual Models
直接参照 · 真实界面 · 观察于 2026-10-08
Identity、Routing、Behavior、Observability 四步组织
需要登录并具有团队访问权限；从 Dashboard 选择自己的团队 → AI Gateway → Virtual Models。入口会按账号跳转，读取当前导航链接。
历史真实控制台观察；日期不表示本次重新访问。

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

应用后的页面

主题

沿用项目主题；缺少主题时采用示例中性色与紧凑表单。；可选：沿用项目主题、采用示例中性色

布局 · 列表与分步抽屉

紧凑配置列表，右侧四步编辑，最后一步核对并保存。

组件 · 配置列表

名称、目标、约束与操作。

组件 · 分步抽屉

身份、约束、行为和摘要；可回看并保留草稿。

组件 · 生效状态

区分草稿、已保存、待加载与已生效。

项目覆盖

有效设计合并与冲突处理遵循 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`，将「分步配置工作台」 应用到以下页面。

目标仓库：<repo>
目标页面：<URL>
配置对象、数据来源与生效方式：<configuration-contract>
库内来源：library/webui/assets/configuration-workbench/index.html
模板定义：https://prompts.aiplanet.live/api/webui/v3/templates/configuration-workbench.json

让读者先在紧凑列表中找到配置，再用右侧分步抽屉完成身份、约束、行为和保存前摘要。每步只呈现当前需要的字段，已完成步骤保留可回看的摘要。草稿与已保存配置分开；前进、返回和关闭不提交，最终按钮才写入。保存成功与运行时已应用分别呈现，冲突或失败保留草稿并给出可执行的下一步。编辑稳定身份与删除影响沿用目标产品契约。

读取当前定义、组件角色、数据条件与 acceptance，按 skill 的合并规则形成本次有效设计，保留项目品牌及真实配置语义。

配置对调用方的覆盖关系、权限交集、可选字段的缺省语义必须来自目标契约并在页面说清；切换对象不能静默扩大权限。示例的模型、Provider 和 temperature 只是业务覆盖示例，不是所有产品都应具有的字段。以真实浏览器走创建、修改、取消、失败恢复与宽窄屏，核对持久结果和生效状态，报告实测边界。模板作为本次设计依据，无需访问来源商业网站；本次应用不授予发布、部署或共享模板修改许可。

审核现有页面

只审核，不修改

## 执行方式

本 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>
配置与权限契约：<configuration-contract>
库内来源：library/webui/assets/configuration-workbench/index.html
模板定义：https://prompts.aiplanet.live/api/webui/v3/templates/configuration-workbench.json

以读者身份完成定位配置、分步编辑、回看摘要、保存和核对生效状态。检查列表能否回答对象是什么、约束是什么、如何操作；步骤是否保持草稿；取消是否不写入；失败和版本冲突是否保留输入；已保存是否被误称为已生效。按目标契约检查默认值、调用方覆盖、权限与删除影响，不把示例字段当成目标产品需求。

读取当前定义、组件角色、数据条件与 acceptance，按 skill 的合并规则核对同一份有效设计。报告具体可复现问题、交互响应读数、宽窄屏证据及未核实边界。本次审核不授权修复、发布或上线。