mcpField
I
information-architecture-and-navigation

information-architecture-and-navigation

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

information-architecture-and-navigation について

information-architecture-and-navigationは、情報アーキテクチャの計画を支援するリファレンススキルです。組織化、ラベリング、ナビゲーション、検索に加え、分類、経路案内、検索可能性を検証する調査手法も扱います。

主な機能

  1. 01情報アーキテクチャの4システムモデル
  2. 02明確型・曖昧型の分類方式
  3. 03深さ、広さ、ファセット分類
  4. 04デバイス別ナビゲーションパターン
  5. 05経路案内とURL構造
  6. 06カードソート、ツリーテスト、ファーストクリック

活用シーン

  1. 01サイトのカテゴリとラベルの設計
  2. 02デバイス別ナビゲーションの計画
  3. 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

判断ツリー

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

    • グローバル: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 に進んでください
  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 -y
    

    Claude Code: 会話を離れずに実行するには、どちらかのコマンドを先頭に ! を付けてチャットメッセージとして送信します。

概要

Rosenfeld/Morville/Arango の4システムモデル(「シロクマ本」)に基づく、23.8KBの情報アーキテクチャ(IA)リファレンスです。組織化、ラベリング、ナビゲーション、検索を扱い、明確な分類と曖昧な分類のスキーム、深さ・幅とファセット分類、デバイスごとのナビゲーションパターン、目的地を見つけるための仕組み、IAとしてのURL、そして見つけやすさを実証する調査手法(カードソート、ツリーテスト、ファーストクリック)を網羅しています。Owl の IA スキルを完全に包含する上位互換です。

使用しない場面

  • ビジュアルなナビゲーションバーのスタイル設定のみ → コンポーネント/デザインシステムの領域です
  • 検索操作の詳細 → search-ux と組み合わせてください

コメント