Agent skill

ux-flow-chooser

判断と再設計のためのUIフロー選択ガイド。タイムラインUIとトポロジーUIのどちらを選ぶか、またはハイブリッドにするかを、ヒアリング質問→判定→パターン提示の手順で決める。情報の鮮度・塊化可能性・優先度分布・並行コンテキスト・デバイス制約・滞在時間を聞き取り、タイムライン⇔トポロジー変換のチェックリストと事例を提供する。

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/ux-flow-chooser

SKILL.md

使い方

  • まず references/checklist.md のヒアリング質問を使って回答を集める。回答が曖昧なら例示して具体化させる。
  • 回答を判定表に当てて、タイムライン寄り/トポロジー寄り/ハイブリッドの方向を決める。
  • 決まった方向に応じて references/patterns.md からパターンを選び、必要なら組み合わせる。
  • 似たケースが必要なら references/cases.md を参照して当てはめを確認する。

判定フロー(サマリ)

  1. ゴールを確認する(未読消化/探索/比較/発見/記録/監視など)。複数ある場合は優先順位を決める。
  2. ヒアリング回答を判定表に当てる(時系列依存、塊化可能性、優先度分布、並行性、滞在時間、デバイス)。
  3. タイムライン寄りならセクション化・ピン・未読/重要強調で「考えなくていい」導線を作る。トポロジー寄りなら塊と位置で覚えられる構造を作り、塊内で目的完結させる。混在する場合はハイブリッド(塊の中にローカルタイムライン)を採用する。
  4. アンチパターンをチェックし、必要なら別方向に振る。

アンチパターン

  • タイムラインで重要が埋もれる:重要/未読をセクション化・ピンしないまま流すのは避ける。
  • トポロジーで行き来が増える:塊を増やしすぎて目的完結が分散する構成は避ける。
  • ハイブリッドの過剰分割:塊が細かすぎてメンタルマップが崩れる構成は避ける。

参考

  • references/checklist.md:質問集と回答→判定マッピング表、ワークシート
  • references/patterns.md:判定結果ごとの推奨パターン
  • references/cases.md:質問回答例→判断→UI方向のミニ事例

Didn't find tool you were looking for?

Be as detailed as possible for better results