AgentSkillsCN

ux-flow-chooser

选择UI流程的判断与再设计指南。通过听取问题→判断→提示模式的步骤,决定选用时间轴UI还是拓扑UI,或混合方式。听取信息的新鲜度、聚合可能性、优先级分布、并行上下文、设备限制、停留时间,提供时间轴⇔拓扑转换的检查清单与实例。

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

使い方

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

判定フロー(サマリ)

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

アンチパターン

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

参考

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