技能 payoff-action-modeling
📦

payoff-action-modeling

安全

从用户意图问题中设计 UI 操作模型

产品团队在用户完成任务后,往往难以决定展示哪些 UI 操作。本技能提供了一套结构化的框架,用于根据用户意图对操作进行建模,将其放置在正确的范围(scope)和优先级层级。

支持: Claude Codex Code(CC)
📊 71 充足
1

下载技能 ZIP

2

在 Claude 中上传

前往 设置 → 功能 → 技能 → 上传技能

3

开启并开始使用

测试它

正在使用“payoff-action-modeling”。 用户从 CSV 文件导入客户数据后,UI 应该显示哪些操作?

预期结果:

  • 结果状态类型:含审查的交接
  • 主要 CTA:审查导入结果
  • 上下文操作:映射字段(每列)、修复行(每处错误)、下载错误文件
  • 延续分支:导入更多、开始新导入
  • 恢复操作:撤销导入、查看导入历史
  • 位置说明:错误行内联显示修复操作,成功摘要置于顶部并附带审查 CTA

正在使用“payoff-action-modeling”。 我们的文件上传完成界面同时在同一层级显示下载、分享、删除、重命名、移动、复制链接和添加描述。这有什么问题?

预期结果:

  • 问题 1:没有主要 CTA——7 个操作视觉权重相等会造成决策疲劳
  • 问题 2:下载应作为主要 CTA(价值最高的下一步操作)
  • 问题 3:删除是破坏性操作,应置于上下文并附带恢复路径,而非顶层
  • 问题 4:移动和复制链接是延后操作,可放入次级菜单
  • 问题 5:添加描述是细化操作,而非结果操作
  • 建议方案:主要 CTA:下载 | 次级:分享、复制链接 | 菜单:重命名、移动 | 含确认的上下文:删除

安全审计

安全
v3 • 5/26/2026

All 142 static analysis findings are false positives. The skill is a pure documentation guide for UX/UI product design. Backtick characters flagged as 'shell execution' are standard Markdown inline code formatting for UI action labels. Findings flagged as 'weak cryptographic algorithm' are markdown table content, YAML frontmatter, and UX guidance text with no cryptographic content. The single URL reference to casely.digital is a passive documentation mention, not executable network code. No executable code, data exfiltration, command injection, or environmental access was found.

2
已扫描文件
304
分析行数
1
发现项
3
审计总数
低风险问题 (1)
External URL reference in documentation
SKILL.md line 298 contains a URL to casely.digital in a documentation note. This is a passive reference suggesting a hosted tool, not an executable network request. The URL is clearly documented as an optional mention. No data transmission or credential exposure risk.
审计者: claude 查看审计历史 →

质量评分

38
架构
100
可维护性
87
内容
30
社区
100
安全
91
规范符合性

你能构建什么

设计引导后操作界面

使用该框架来决定用户在完成引导、设置或首次配置后应展示哪些操作。避免让新用户感到不知所措,同时提供清晰的后续步骤。

规划仪表盘操作层级

将仪表盘或工作区中的操作分类为结果、选择、单项、导航和恢复等范围,并分配适当的紧急程度。

审查现有界面操作清晰度

根据结果建模原则审查现有 UI,识别重复操作、模糊标签和相互冲突的主要 CTA。提出具体的改进方案。

试试这些提示

基本结果操作模型
我刚刚为我的应用构建了一个文件上传功能。用户上传文件后,我需要建模在完成界面上展示哪些操作。请使用结果操作建模框架生成一个包含至少 8 个操作的简单操作模型表格,标明范围(scope)、压力(pressure)和位置(placement)。
完整仪表盘操作模型
我正在设计一个项目管理仪表盘,该仪表盘在用户创建新项目后显示。仪表盘包含任务、团队成员和最近活动。请使用完整的结果操作建模框架对结果状态进行分类,生成至少 15 个用户意图问题,并输出包含所有范围、压力和位置的操作表格。
含边界情况的多范围工作流
我正在设计一个数据导入流程,用户需要上传 CSV、映射字段、审查结果并处理错误。导入后界面需要支持重试失败的条目、下载错误日志、审核已映射的行以及导出结果。请在使用框架时特别注意恢复操作、模糊范围边界和意图压力冲突。为部分失败场景添加边界情况处理。
审查并优化现有操作模型
我有一个内容管理系统发布界面的现有操作模型。当前模型有 12 个操作,全部显示在同一层级。请使用该框架审查此模型是否存在密度问题、范围模糊、标签清晰度问题以及动量问题。至少识别 5 个具体问题并提出修订后的操作表格。

最佳实践

  • 在放置任何操作之前,先定义结果状态类型。这决定了整个操作层级结构。
  • 每个结果界面保持一个清晰的主要 CTA。多个主要层级的操作会造成决策疲劳。
  • 使用具体的操作标签来描述用户结果,而非实现细节。

避免

  • 不要在首次成功界面上塞入所有可能的操作。将高级功能延后到次级菜单中。
  • 避免将所有操作在视觉层级上等量齐观。使用意图压力区分即时操作、上下文操作和延后操作。
  • 不要将撤销或重试等重要恢复操作隐藏在通用菜单后面。应将其置于所恢复状态附近。

常见问题

该框架适用于哪些类型的产品界面?
该框架适用于用户取得有意义结果的任何界面,包括完成状态、生成结果、工作区、审查界面、交接流程、恢复状态和延续分支。
单个界面应该展示多少个操作?
没有固定数量,但框架建议保持一个清晰的主要 CTA 并分组展示上下文操作。避免同时显示超过 5 到 7 个可见操作。将不紧急的操作延后到次级菜单。
这个框架能替代用户研究吗?
不能。该框架提供了基于常见 UI 模式的结构化起点,仍需通过用户测试和特定领域的研究进行验证。
结果范围和单项范围有什么区别?
结果范围操作影响整个结果,例如全部下载或全部发布。单项范围操作影响某个特定项目,例如对某一行进行编辑或删除。这些范围必须有明确的标签和位置区分。
如何在模型中处理破坏性操作?
破坏性操作应置于上下文中并配有恢复路径。将其放置在所影响对象附近,而非作为主要 CTA。始终包含确认、撤销或归档功能。
这个框架可以用于移动端 UI 设计吗?
可以,但需要针对较小屏幕调整位置指引。移动端布局可能需要将更多操作放在菜单或底部弹窗中。范围和压力分类仍然适用。

开发者详情

文件结构

📁 agents/

📄 openai.yaml

📄 SKILL.md