information-architecture
information architecture
What it does
- "Plan the IA for this app before I start building"
- "Map out the navigation and page structure"
- "I need to organize the content for a documentation site"
- "Define user flows for the onboarding experience"
- Routing: Next.js app/ or pages/ directory, React Router config, Vue Router, SvelteKit routes, or static HTML page files
- Navigation components: header, sidebar, navbar, breadcrumb, footer components
- Layout components: root layouts, nested layouts, page wrappers, container components
Requirements & configuration
- "I need to organize the content for a documentation site"
- What are the primary things a user needs to find or do? Rank by frequency.
- Are there distinct user types who need different entry points?
Configuration: INFORMATION_ARCHITECTURE
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
information-architecture FAQ
What does the information-architecture skill do?
Define the structural layer of a product or site before visual design begins. Covers navigation, content hierarchy, page structure, URL patterns, and user flows. Use when user wants to plan site structure, define navigation, map user flows, organize content, or mentions "IA" or "information architecture". "Plan the IA for this app before I start building" "Map out the navigation and page structure"
What does information-architecture require?
"I need to organize the content for a documentation site" What are the primary things a user needs to find or do? Rank by frequency. Are there distinct user types who need different entry points? Configuration keys: INFORMATION_ARCHITECTURE.
How do I install information-architecture?
Run: npx -y skills add https://github.com/julianoczkowski/designer-skills --skill information-architecture --agent claude-code — the source lives at github.com/julianoczkowski/designer-skills.
Maintain information-architecture?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[information-architecture on getagentictools](https://getagentictools.com/skills/julianoczkowski-designer-skills-information-architecture?ref=badge) npx agentictools info skills/julianoczkowski-designer-skills-information-architecture The second line is the CLI lookup for this page — handy in READMEs and docs.
