mcpField
S
search-ux

search-ux

github.com/podoデザイン・UI30170 回インストール4 日前に更新
リポジトリ

search-ux について

検索入力から結果、分析までのユーザー体験全体を扱うデザインスキルです。オートコンプリート、絞り込み、ランキング、検索結果がない状態を取り上げます。

主な機能

  1. 01検索入力とオートコンプリート設計
  2. 02結果のレイアウトとランキング
  3. 03ファセット絞り込み
  4. 04検索結果がない状態の設計
  5. 05検索分析の考慮事項

活用シーン

  1. 01オートコンプリート動作の設計
  2. 02検索結果の絞り込み計画
  3. 03検索結果がない体験の改善

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/podo/design-agent-skills --skill search-ux

インストール後、Claude Code で/search-uxを入力して読み込まれたか確認します。

同梱ファイルstub.yaml

詳細

search-ux

カタログのスタブ — スキルの全容はこちら:Owl-Listener/designer-skills

判断ツリー

  1. 完全版のスキルはすでにインストールされていますか?

    • グローバル:f=~/.agents/skills/search-ux/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • プロジェクト:f=.agents/skills/search-ux/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → スキルは search-ux としてインストール済みです。呼び出して続行します
    • pointer → ステップ 2 に進みます
  2. 適用範囲を検出してから、インストールします。

    [ -e ~/.agents/skills/search-ux ] && echo "global" || echo "project"
    

    グローバル:

    npx skills add Owl-Listener/designer-skills --skill search-ux -g -y
    

    プロジェクト:

    npx skills add Owl-Listener/designer-skills --skill search-ux -y
    

    Claude Code: 会話を終了せずにコマンドを実行するには、! で始まるメッセージとして送信します。

Claude Code のプラグイン経由でのインストール:

/plugin marketplace add Owl-Listener/designer-skills
/plugin install interaction-design@designer-skills

注意事項

  • ライセンス: MIT

インストール後の呼び出し

  • スキル名:search-ux
  • トリガーフレーズ:「検索 UX」「検索体験の設計」「検索結果がゼロの状態」「オートコンプリートの設計」「ファセット検索 UX」

機能

Owl-Listener の designer-skills に含まれる、検索 UX のエンドツーエンドのスキルです。検索入力とオートコンプリート、検索結果のレイアウトとランキング、ファセットによる絞り込み、見過ごされがちな検索結果ゼロの状態(ユーザー維持の機会として扱います)、検索分析(検索結果がゼロのクエリ、クリック位置、検索の中断)を扱います。

使用しない場合

  • バックエンドの検索インデックス作成/関連性の調整 → エンジニアリング上の課題であり、このスキルの対象外です
  • 一般的なナビゲーション IA → information-architecture-and-navigation を使用します

コメント