information-architecture

Designs product information architecture including sitemaps, navigation, user flows, and content hierarchy.

Updated Aug 4, 2026
One-click install
npx skills add https://github.com/rombel00/game-processes --skill information-architecture-rombel00
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: information-architecture
Source: https://github.com/rombel00/game-processes/tree/main/plugins/product-design/skills/information-architecture
Command: npx skills add https://github.com/rombel00/game-processes --skill information-architecture-rombel00

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Before any visual design begins, teams need a clear structural blueprint of the product: what pages exist, how users navigate between them, and which content matters most. This Skill produces that blueprint as a structured information architecture document, preventing navigation chaos and scope confusion later in design and development. ## Core Features & Use Cases - Sitemap and Navigation Design: Generates a page tree, global navigation (primary, secondary, utility), and content hierarchy with P1/P2/P3 priorities. - Key User Flows: Maps critical flows from entry to result, including unauthenticated access and empty/loading/error states. - Optional Journey Maps: On request, adds a Mermaid-based journey map section for a single persona and flow, scoring each step 1-5 to surface friction points and prioritized recommendations. - Use Case: Given a product brief for a booking service, produce an IA document covering the sitemap, the "first booking" flow, and navigation priorities before any wireframing starts. ## Quick Start Ask the assistant to design the information architecture for your product based on the existing brief, including a sitemap, global navigation, and the key user flows.

Frequently Asked Questions about information-architecture

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an information architecture document before UI design?▼

Start from the product brief or story map, identify user roles and their most frequent actions, then produce a sitemap, global navigation, key user flows, and content priorities. This Skill generates exactly that structure as a Markdown document without touching visual design.

What should an information architecture deliverable include?▼

A complete IA deliverable includes users and goals, a sitemap page tree, global navigation tiers, key user flows, content hierarchy with P1/P2/P3 priorities, search and discovery, and empty/loading/error states.

Can I build a sitemap without a user story map?▼

Yes. The design phase is optional in this process, so the Skill works directly from the product brief when no story map exists. If a story map or personas are available, they are used to refine goals and scenarios.

How do I visualize a user journey map with friction points?▼

Request a journey map for one specific flow and persona. The Skill appends a Mermaid journey diagram to the IA document, scores each step 1-5, lists pain points scoring 2 or below, and gives prioritized recommendations.

Does information architecture work include choosing colors and fonts?▼

No. IA covers only structure and navigation: sitemaps, flows, and content hierarchy. Colors, typography, and spacing are explicitly excluded because they belong to the later visual design stage.