mcpField
F
flow-patterns

flow-patterns

github.com/dragoon0x设计与 UI678 次安装35 周前更新
代码仓库

关于 flow-patterns

flow-patterns 是一项设计技能,用于在对话中应用交互流程原则,重点关注用户定位、步骤数量、错误恢复与渐进式呈现。

主要功能

  1. 01保持用户对流程的认知
  2. 02按操作复杂度安排步骤
  3. 03将错误恢复纳入流程
  4. 04按需呈现复杂选项
  5. 05优先提供撤销而非确认

适用场景

  1. 01评审多步骤产品流程
  2. 02设计错误状态的恢复方式
  3. 03确定何时呈现高级选项

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/dragoon0x/taste-skills --skill flow-patterns

安装后在 Claude Code 中输入/flow-patterns确认已加载。

详细介绍

流程模式

关注产品随时间带给用户的感受,而不只是某个单帧画面。

使用方法

  • /flow-patterns 将流程设计约束应用于此对话。

约束

流程原则
  • MUST 确保用户随时都能回答:我在哪里?我是从哪里来的?接下来会发生什么?
  • MUST 根据操作的复杂程度,将步骤数量控制在最低限度。不是零步,而是恰当的步数。
  • MUST 将错误恢复作为流程的一部分来设计,而不是事后补充
  • SHOULD 优先提供撤销,而不是确认(“操作已完成。要撤销吗?”胜过“确定吗?”)
渐进式披露
  • MUST 只显示当前所需的内容,并按需展示复杂内容
  • MUST 判断“简单”在什么时候会变成“隐瞒信息”
  • SHOULD 优先使用情境化操作(在内容所在位置显示操作,而不是放在远处的工具栏中)
  • SHOULD 使用智能默认值(根据情境预先填入内容,设置最常用选项)
反模式
  • 多步骤流程没有进度指示器
  • 询问本可根据情境推断的信息
  • 遇到错误时无路可退
  • 实际上并非必需的强制步骤
  • 对容易撤销的操作显示确认对话框

评论

支持 Markdown