decision-tracing について
decision-tracingは、デザインの判断理由を考察するスキルです。観察、判断、推定される理由の順で整理し、意図は不確かなものとして扱います。
主な機能
- 01観察・判断・推定理由の形式
- 02画面ごとに5件以上のトレース
- 03書体と配色の分析
- 04レイアウト、余白、ナビゲーションの確認
- 05含まれていない要素の検討
活用シーン
- 01会話内でデザイン画面を分析
- 02視覚的な選択の理由を推定
- 03構造上の判断と省略を確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/decision-tracingを入力して読み込まれたか確認します。
詳細
意思決定の追跡
ある意思決定を見て、なぜそう判断されたのかを考えます。
使い方
/decision-tracingこの会話内のあらゆるデザインに、意思決定の追跡分析を適用します。
制約
追跡の構造
- 必ず次の順序に従います：観察 > 意思決定 > 推定される理由
- 「主要なフォントは Inter です」>「幾何学的なサンセリフ体を選んでいます」>「小さなサイズでも最大限の読みやすさを確保し、ニュートラルな印象を与える必要がある、データ量の多いプロダクトです」
- 各デザイン画面について、少なくとも5つの追跡結果を必ず生成します
- 不確実性に触れることが望ましいです。「理由」ではなく「推定される理由」とします
- 内部情報を持っている場合を除き、意図を事実として述べてはいけません
追跡する項目
- 書体の選択とタイポグラフィシステム
- カラーパレットと色の役割分担
- レイアウト構造とグリッドの決定
- 余白と密度の選択
- ナビゲーションの構成
- 存在しないもの（含めないと判断したもの）
アンチパターン
- あらゆる意思決定を最も好意的に解釈する
- 視覚的な判断だけを追跡し、構造的な判断を無視する
- 理由に仮説であることを示さず、事実として述べる
コメント
Markdown 対応