スキル一覧に戻る
yurake

ux-flow-chooser

by yurake

0🍴 0📅 2026年1月10日
GitHubで見るManusで実行

SKILL.md


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方向のミニ事例

スコア

総合スコア

40/100

リポジトリの品質指標に基づく評価

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

0/10
説明文

100文字以上の説明がある

0/10
人気

GitHub Stars 100以上

0/15
最近の活動

3ヶ月以内に更新がある

0/10
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

+5
タグ

1つ以上のタグが設定されている

0/5

レビュー

💬

レビュー機能は近日公開予定です