information-architecture-and-navigation について
information-architecture-and-navigationは、情報アーキテクチャの計画を支援するリファレンススキルです。組織化、ラベリング、ナビゲーション、検索に加え、分類、経路案内、検索可能性を検証する調査手法も扱います。
主な機能
- 01情報アーキテクチャの4システムモデル
- 02明確型・曖昧型の分類方式
- 03深さ、広さ、ファセット分類
- 04デバイス別ナビゲーションパターン
- 05経路案内とURL構造
- 06カードソート、ツリーテスト、ファーストクリック
活用シーン
- 01サイトのカテゴリとラベルの設計
- 02デバイス別ナビゲーションの計画
- 03必要な情報を見つけられるかの検証
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ podo/ design-agent-skills --skill information-architecture-and-navigationインストール後、Claude Code で/information-architecture-and-navigationを入力して読み込まれたか確認します。
同梱ファイルstub.yaml
詳細
情報アーキテクチャとナビゲーション
カタログ用スタブ — スキルの全文はこちら:jpoindexter/design-and-ai-skills
判断ツリー
-
スキルの全文はすでにインストールされていますか?
- グローバル:
grep -q "^das:" ~/.agents/skills/information-architecture-and-navigation/SKILL.md 2>/dev/null && echo "pointer" || echo "installed" - プロジェクト:
grep -q "^das:" .agents/skills/information-architecture-and-navigation/SKILL.md 2>/dev/null && echo "pointer" || echo "installed" das:ブロックがない → スキルの全文がインストール済みです。呼び出して続行してくださいdas:ブロックがある → 手順 2 に進んでください
- グローバル:
-
適用範囲を判定してから、インストールします:
[ -e ~/.agents/skills/information-architecture-and-navigation ] && echo "global" || echo "project"グローバル:
npx skills add jpoindexter/design-and-ai-skills --skill information-architecture-and-navigation -g -yプロジェクト:
npx skills add jpoindexter/design-and-ai-skills --skill information-architecture-and-navigation -yClaude Code: 会話を離れずに実行するには、どちらかのコマンドを先頭に
!を付けてチャットメッセージとして送信します。
概要
Rosenfeld/Morville/Arango の4システムモデル(「シロクマ本」)に基づく、23.8KBの情報アーキテクチャ(IA)リファレンスです。組織化、ラベリング、ナビゲーション、検索を扱い、明確な分類と曖昧な分類のスキーム、深さ・幅とファセット分類、デバイスごとのナビゲーションパターン、目的地を見つけるための仕組み、IAとしてのURL、そして見つけやすさを実証する調査手法(カードソート、ツリーテスト、ファーストクリック)を網羅しています。Owl の IA スキルを完全に包含する上位互換です。
使用しない場面
- ビジュアルなナビゲーションバーのスタイル設定のみ → コンポーネント/デザインシステムの領域です
- 検索操作の詳細 →
search-uxと組み合わせてください
コメント
Markdown 対応