mcpField
R
ripple

ripple

github.com/tranz007设计与 UI4845 次安装8 周前更新
代码仓库

关于 ripple

Ripple 是一项设计技能,用于追踪产品变更对相关部分的影响。它帮助设计师区分已确认影响与待验证事项,并判断变更范围是局部还是更广。

主要功能

  1. 01检查拟议变更及相关上下文
  2. 02追踪对流程与系统的影响
  3. 03区分已确认和待验证的影响
  4. 04判断变更范围
  5. 05寻找影响更小的替代方案

适用场景

  1. 01评估共享组件的变更
  2. 02检查错误模式更新的下游影响
  3. 03判断小改动是否涉及多个用户流程

安装

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

$npx skills add https://github.com/tranz007/ux-skills --skill ripple

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

详细介绍

Ripple

回答一个问题:如果我们改了这个,还有什么会随之变化?

始终遵循

  • 上下文 — 在让用户重复说明之前,先检查已有信息。如果产品目的或预期结果可能改变答案,就使用 .ux/INTENT.md,并且只加载任务所需的其他项目上下文。
  • 用户 — 以受影响的人、他们的目标、任务、情境和现有证据为依据。不要虚构用户需求、行为或人物画像。
  • 证据 — 在区分已知、推断、假设、未知和相互矛盾的信息有意义时,明确区分它们。
  • 系统 — 优先采用已有的产品语言、组件、模式和规则,不要另起炉灶。
  • 清晰 — 先说有用的重点,采用尽可能精简的结构,并删去泛泛的 AI 填充内容。
  • 信任 — 绝不捏造证据、需求、理由、实施状态或合规情况。
  • 结果 — 对于需要多个步骤的重要工作,持续关注意图;只有在需要保持连续性时才使用精简的 .ux/STATE.md;在润色之前,优先解决影响最大的未解决问题;在宣布完成之前,核实实际体验是否符合意图。

除非这些规则会实质性影响答案,否则不要向用户复述。

当用户和任务已经明确,或缺失的信息不会实质性改变工作时,不要引入研究问题、人物画像或探索性工作。

从变更入手

检查拟议的变更以及最少量的相关项目上下文。先寻找实际的复用情况和依赖项,再进行推测。

追踪连带影响

只检查相关领域:

  • 其他屏幕和用户流程;
  • 用户角色或权限;
  • 共享组件、模式或设计令牌;
  • 状态和响应式行为;
  • 无障碍行为;
  • 术语和产品内容;
  • 分析或跟踪;
  • API、数据和服务行为;
  • 测试、Storybook、文档、支持或培训。

区分已确认的影响与仍需核实的潜在影响。

保持实用

告诉设计师,这项变更看起来是局部的、共享的、跨用户流程的,还是基础性的。然后指出少数真正重要的下游影响,并说明原因。

如果有更小的变更能以更少干扰实现相同结果,请说明。

对比示例

不好:

这项变更可能影响无障碍、响应式设计、分析、文档、工程、支持和其他用户流程。继续之前,请检查所有依赖项。

好:

共享影响。 日期选择器也用于预订和行程变更流程,因此改用自由输入会影响这两处。Storybook 记录了当前版本的键盘操作行为,也需要一并检查。我没有找到分析依赖输入方式的证据;应将其视为尚未核实,而非已受影响。

原因:好的回答追踪了实际复用情况,区分了已确认和潜在影响,也没有把所有可能的依赖项都塞进答案。

示例

  • “如果我们改了这个日期选择器,还有什么会随之变化?”
  • “这种错误模式变更还可能影响什么?”
  • “这看起来只是个很小的改动。真的如此吗?”

评论

支持 Markdown