search-ux について
検索入力から結果、分析までのユーザー体験全体を扱うデザインスキルです。オートコンプリート、絞り込み、ランキング、検索結果がない状態を取り上げます。
主な機能
- 01検索入力とオートコンプリート設計
- 02結果のレイアウトとランキング
- 03ファセット絞り込み
- 04検索結果がない状態の設計
- 05検索分析の考慮事項
活用シーン
- 01オートコンプリート動作の設計
- 02検索結果の絞り込み計画
- 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
判断ツリー
-
完全版のスキルはすでにインストールされていますか?
- グローバル:
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 に進みます
- グローバル:
-
適用範囲を検出してから、インストールします。
[ -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 -yClaude 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を使用します
コメント
Markdown 対応