关于 error-prevention-recovery
面向产品设计者的错误预防与恢复设计技能，涵盖输入处理、渐进式验证、错误文案和操作恢复，帮助减少失误并保留用户进度。
主要功能
- 01容错输入与自动格式化
- 02使用安全的智能默认值
- 03逐步验证并保留输入
- 04编写具体且中性的错误提示
- 05提供撤销、确认和进度保存
适用场景
- 01设计日期和电话号码输入表单
- 02减少表单填写时的验证干扰
- 03说明错误原因及后续操作
- 04为删除等重要操作设计恢复路径
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/error-prevention-recovery确认已加载。
详细介绍
错误预防与恢复
设计能够在错误发生前加以预防的系统；错误发生时，则帮助人们从容恢复，不感到羞愧或困惑，也不会丢失工作。
预防策略
宽容的输入
- 接受多种日期格式（“15/03/2026”、“15 March 2026”、“March 15, 2026”）
- 接受多种电话号码格式（“(555) 123-4567”、“555-123-4567”、“5551234567”）
- 随用户输入自动调整格式
- 匹配时不区分大小写
- 自动去除空白字符
- 在字段旁显示格式示例（“例如：15/03/2026”）
智能默认值
- 预选最常用的选项
- 预填已知信息（从账户获取姓名，从邮政编码获取地址）
- 对复杂决策显示推荐选项
- 对不可逆设置，默认选择最安全的选项
渐进式验证
- 用户移至下一个字段时验证当前字段（失去焦点时）
- 正确填写字段后显示成功状态
- 用户仍在输入时，绝不进行验证
- 出错时绝不清除用户输入——始终保留已填写内容
尽量减少用户负担
- 只询问严格必需的信息
- 标注可选字段，而不是必填字段（大多数字段都应通过设计设为必填——如果不需要，就移除）
- 将长表单拆分为多个步骤，并清楚显示进度
错误消息设计
每条错误消息都必须回答三个问题：
- 发生了什么？（具体说明，而非泛泛而谈）
- 为什么？（用通俗语言解释）
- 现在该怎么做？（给出清晰、单一的操作）
示例
不好：“输入无效” 好：“请输入 DD/MM/YYYY 格式的日期，例如 15/03/2026”
不好：“错误 403” 好：“你没有查看此页面的权限。请联系团队管理员申请访问权限。”
不好：“密码不符合要求” 好：“密码至少需要 8 个字符并包含一个数字。你输入了 6 个字符。”
错误消息语气
- 绝不责怪用户（“你输入了无效的电子邮件地址”）
- 中性地说明情况（“我们需要有效的电子邮件地址才能继续”）
- 明确指出需要更改的内容
- 尽可能提供替代路径
恢复设计
- 任何操作后，至少 10 秒内都可撤销
- 执行破坏性操作前进行确认，并提供有用的细节： “删除‘Project Alpha’？这会移除全部 23 个文件，且无法撤销。”
- 对任何影响重大的操作，在提交前提供预览
- 在较长的流程中自动保存进度
- 主要路径失败时，提供替代路径： “无法上传照片？你也可以描述所看到的内容。”
评论
支持 Markdown