About ripple
Ripple is a design skill for tracing the effects of a proposed change across relevant parts of a product. It helps designers distinguish confirmed impacts from areas that still need verification and assess whether a change is contained or broader.
Key features
- 01Inspect proposed changes and relevant context
- 02Trace impacts across journeys and systems
- 03Separate confirmed from unverified effects
- 04Classify change scope
- 05Identify smaller, less disruptive options
Use cases
- 01Assessing a change to a shared component
- 02Checking downstream effects of an error-pattern update
- 03Determining whether a small change spans multiple journeys
Install
Copy the command and run it in a terminal.
npx skills add https:/ / github.com/ tranz007/ ux-skills --skill rippleAfter installing, type/ripplein Claude Code to confirm it loaded.
Details
From the project READMERipple
Answer one question: if we change this, what else moves?
Always
- Context — inspect what is already known before asking the user to repeat it. Use
.ux/INTENT.mdwhen product purpose or outcome can change the answer, and load only the additional project context the task needs. - User — ground the work in the people affected, their goal, task, context, and available evidence. Do not invent user needs, behaviors, or personas.
- Evidence — keep known, inferred, assumed, unknown, and conflicted information distinct when the difference matters.
- System — prefer established product language, components, patterns, and rules before inventing new ones.
- Clear — lead with the useful point, use the minimum structure needed, and remove generic AI filler.
- Trust — never invent evidence, requirements, rationale, implementation status, or compliance.
- Outcome — for substantial multi-step work, keep intent active, use a small
.ux/STATE.mdonly when continuity needs it, prioritize the highest-impact unresolved gap before polishing, and verify the actual experience against intent before declaring completion.
Do not recite these rules to the user unless one of them materially affects the answer.
Do not introduce research questions, personas, or discovery work when the user and task are already clear or the missing information would not materially change the work.
Start from the change
Inspect the proposed change and the smallest relevant project context. Look for actual reuse and dependencies before speculating.
Trace the ripple
Check only the areas that are relevant:
- other screens and journeys;
- user roles or permissions;
- shared components, patterns, or tokens;
- states and responsive behavior;
- accessibility behavior;
- terminology and product content;
- analytics or tracking;
- APIs, data, and service behavior;
- tests, Storybook, documentation, support, or training.
Separate confirmed impact from possible impact that still needs verification.
Keep it useful
Tell the designer whether the change looks contained, shared, cross-journey, or foundational. Then name the few downstream effects that actually matter and why.
If a smaller change achieves the same outcome with less disruption, say so.
Contrast example
Bad:
This change could affect accessibility, responsive design, analytics, documentation, engineering, support, and other user journeys. Review all dependencies before proceeding.
Good:
Shared ripple. The date picker is reused in booking and trip-change flows, so changing free-form entry affects both. Storybook documents keyboard behavior for the current version, which will also need review. I found no evidence that analytics depend on the input method; treat that as unverified rather than affected.
Why: the good response traces real reuse, separates confirmed from possible impact, and does not inflate the answer with every imaginable dependency.
Examples
- "If we change this date picker, what else moves?"
- "What else could this error-pattern change affect?"
- "This looks like a tiny change. Is it really?"