information-architecture
情報をわかりやすく見つけやすい形に整理・構造化します。ユーザーのニーズに合ったナビゲーションシステム、階層構造、メンタルモデルを設計する際に活用できます。
description の原文を見る
> Organize and structure information for clarity and discoverability. Design navigation systems, hierarchies, and mental models that match user needs.
SKILL.md 本文
Information Architecture
Table of Contents
Overview
Information Architecture は、ユーザーが情報を簡単に見つけて理解できるようにする論理的な構造を作成します。
When to Use
- ウェブサイトやアプリの再設計
- 大規模な情報空間（ドキュメント、eコマース）
- ナビゲーション構造の計画
- タクソノミーとカテゴリ分け
- 検索機能の設計
- ユーザージャーニーのマッピング
Quick Start
最小限の実装例：
IA Process:
1. Research & Discovery
- Interview users about mental models
- Card sorting sessions (open and closed)
- Analyze current usage patterns
- Competitive analysis
2. Structure Development
- Create organization scheme (hierarchical, faceted, etc.)
- Define categories and relationships
- Build taxonomy
- Plan navigation
3. Wireframing
- Sitemap creation
- Navigation structure
- Page templates
- User flows
4. Validation
- User testing with prototypes
- Tree testing (navigation only)
- Iterate based on feedback
// ... (see reference guides for full implementation)
Reference Guides
references/ ディレクトリの詳細実装ガイド：
| ガイド | 内容 |
|---|---|
Card Sorting & Taxonomy | Card Sorting & Taxonomy |
Sitemap & Navigation Structure | Sitemap & Navigation Structure |
Search & Discovery | Search & Discovery |
Best Practices
✅ DO
- ユーザーリサーチから始める
- カードソート調査を実施する
- ユーザーのメンタルモデルを使用する
- 階層は最大3レベルに留める
- 明確でシンプルなラベルを使う
- コンテンツを見つける複数の方法を提供する
- ユーザーとともにナビゲーションをテストする
- 使用状況データに基づいて更新する
- タクソノミーを文書化する
- 検索機能を提供する
❌ DON'T
- リサーチなしに組織構造を押し付ける
- 専門用語や技術的な言葉を使う
- 階層を深くしすぎる
- 重要なコンテンツを隠す
- ナビゲーションのみに依存する（検索も提供する）
- ナビゲーションを頻繁に変更する
- 曖昧なラベルを作成する
- エッジケースを忘れる
- アクセシビリティを無視する
- デスクトップのみのナビゲーションを想定する
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- aj-geddes
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/aj-geddes/useful-ai-prompts / ライセンス: MIT
関連スキル
nano-banana-2
inference.sh CLIを通じてGoogle Gemini 3.1 Flash Image Preview（Nano Banana 2）で画像を生成します。テキストから画像を生成する機能、画像編集、最大14枚の複数画像入力、Google Searchグラウンディング機能に対応しています。トリガーワード：「nano banana 2」「nanobanana 2」「gemini 3.1 flash image」「gemini 3 1 flash image preview」「google image generation」
octocode-slides
洗練されたマルチファイル形式のHTMLプレゼンテーションを生成します。6段階のフロー（概要 → リサーチ → アウトライン → デザイン → 実装 → レビュー）で構成されています。各スライドは独立したHTMLファイルとなり、iframeで読み込まれます。「スライドを作成してほしい」「プレゼンテーションを作ってほしい」「HTMLスライドを生成してほしい」「デックを構築してほしい」といった依頼や、ノート・ドキュメント・コードを洗練されたプレゼンテーションに変換する際に使用できます。
gpt-image2-ppt
OpenAIのgpt-image-2を使用して、視覚的に優れたPPTスライドを生成します。Spatial Glass、Tech Blue、Editorial Monoなど10種類のキュレーション済みスタイルに対応し、ユーザーが提供したPPTXファイルを模倣するテンプレートクローンモードも搭載しています。HTMLビューアと16:9形式のPPTXファイルを出力します。プレゼンテーション、スライド、ピッチデック、投資家向けPPT、雑誌風PPTの作成依頼などで活用してください。
nano-banana
Nano Banana PRO（Gemini 3 Pro Image）およびNano Banana（Gemini 2.5 Flash Image）を使用したAI画像生成機能です。以下の場合に活用できます：（1）テキストプロンプトからの画像生成、（2）既存画像の編集、（3）インフォグラフィックス、ロゴ、商品写真、ステッカーなどのプロフェッショナルなビジュアルアセット制作、（4）複数画像での人物キャラクターの一貫性保持、（5）正確なテキスト描画を含む画像生成、（6）AI生成ビジュアルが必要なあらゆるタスク。「画像を生成」「画像を作成」「写真を作る」「ロゴをデザイン」「インフォグラフィックスを作成」「AI画像」「nano banana」またはその他の画像生成リクエストをトリガーとして機能します。
oiloil-ui-ux-guide
モダンでクリーンなUI/UXガイダンス・レビュースキルです。新機能や既存システム（Webアプリ）に対して、実行可能なUI/UX改善提案、デザイン原則、デザインレビューチェックリストが必要な場合に活用できます。CRAP（コントラスト・反復・配置・近接）をベースに、タスクファーストなUX、情報設計、フィードバック・システムステータス、一貫性、affordances、エラー防止・復旧、認知負荷を重視します。モダンミニマルスタイル（クリーン・余白・タイポグラフィ主導）を強制し、不要なテキストを削減、アイコンとしての絵文字を禁止し、統一されたアイコンセットから直感的で洗練されたアイコンを推奨します。
axiom-hig-ref
Apple Human Interface Guidelines リファレンス — 色（セマンティックカラー、カスタムカラー、パターン）、背景（マテリアル階層、ダイナミック背景）、タイポグラフィ（標準スタイル、カスタムフォント、Dynamic Type）、SF Symbols（レンダリングモード、色、多言語対応）、ダークモード、アクセシビリティ、プラットフォーム固有の考慮事項を網羅したガイドラインです。