ripple について
Rippleは、変更案が製品の関連箇所に及ぼす影響を追跡するデザインスキルです。確認済みの影響と検証が必要な点を分け、変更が局所的か広範囲かを見極めます。
主な機能
- 01変更案と関連コンテキストの確認
- 02ジャーニーやシステムへの影響の追跡
- 03確認済みと未検証の影響の区別
- 04変更範囲の分類
- 05より影響の小さい代替案の特定
活用シーン
- 01共有コンポーネントの変更の評価
- 02エラーパターン更新の下流影響の確認
- 03小さな変更が複数のジャーニーに及ぶかの判断
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ tranz007/ ux-skills --skill rippleインストール後、Claude Code で/rippleを入力して読み込まれたか確認します。
詳細
Ripple
1つの問いに答えます。これを変えると、ほかに何が影響を受けますか?
常に
- コンテキスト — ユーザーに同じことを繰り返し尋ねる前に、すでにわかっていることを確認します。プロダクトの目的や成果によって答えが変わる可能性がある場合は
.ux/INTENT.mdを使い、タスクに必要な追加のプロジェクトコンテキストだけを読み込みます。 - ユーザー — 影響を受ける人、その目標、タスク、状況、利用できる証拠に基づいて作業します。ユーザーのニーズ、行動、ペルソナをでっち上げてはいけません。
- 証拠 — 違いが重要な場合は、既知の情報、推測、仮定、不明な情報、相反する情報を区別します。
- システム — 新しいものを考案する前に、既存のプロダクト用語、コンポーネント、パターン、ルールを優先します。
- 明確さ — 役立つ要点から始め、必要最小限の構成にし、ありきたりな AI の水増し表現を取り除きます。
- 信頼 — 証拠、要件、根拠、実装状況、コンプライアンスを捏造してはいけません。
- 成果 — 大規模な複数ステップの作業では、意図を常に意識し、継続性の確保が必要な場合に限り小さな
.ux/STATE.mdを使い、仕上げよりも影響の大きい未解決事項を優先し、完了を宣言する前に実際の体験が意図に沿っているか検証します。
ルールが回答に実質的な影響を与えない限り、ユーザーにこれらのルールを繰り返し説明しないでください。
ユーザーとタスクが明確な場合や、不足している情報によって作業が実質的に変わらない場合は、調査の質問やペルソナ、探索的な作業を持ち込まないでください。
変更点から始める
提案された変更と、関連する最小限のプロジェクトコンテキストを確認します。推測する前に、実際の再利用箇所と依存関係を調べます。
影響をたどる
関連する領域だけを確認します。
- 他の画面やユーザージャーニー
- ユーザーの役割や権限
- 共有コンポーネント、パターン、トークン
- 状態とレスポンシブ動作
- アクセシビリティの動作
- 用語とプロダクトコンテンツ
- 分析やトラッキング
- API、データ、サービスの動作
- テスト、Storybook、ドキュメント、サポート、トレーニング
確認済みの影響と、今後検証が必要な可能性のある影響を分けます。
役立つ回答にする
変更が局所的、共有、複数のジャーニーにまたがる、または基盤的なもののどれに見えるかをデザイナーに伝えます。そのうえで、本当に重要な下流への影響をいくつか挙げ、その理由を説明します。
同じ成果を、影響を抑えたより小さな変更で実現できるなら、そのことを伝えます。
対比例
悪い例:
この変更は、アクセシビリティ、レスポンシブデザイン、分析、ドキュメント、エンジニアリング、サポート、その他のユーザージャーニーに影響する可能性があります。進める前に、すべての依存関係を確認してください。
良い例:
共有範囲に影響します。 日付ピッカーは予約と旅行変更のフローで再利用されているため、自由入力への変更は両方に影響します。Storybook には現行バージョンのキーボード操作が記載されており、こちらも確認が必要です。入力方法に分析が依存している証拠は見つかりませんでした。影響ありと断定せず、未検証として扱ってください。
理由:良い回答は実際の再利用箇所をたどり、確認済みの影響と可能性のある影響を分け、想定し得るすべての依存関係を並べて回答を膨らませていません。
例
- 「この日付ピッカーを変えると、ほかに何が影響を受けますか?」
- 「このエラーパターンの変更は、ほかに何に影響する可能性がありますか?」
- 「これはごく小さな変更に見えます。本当にそうでしょうか?」