information-architecture · owl-listener — Claude Code skill: content structure
A skill that designs content structure: sitemap, navigation model, taxonomy and content types. Useful when you need to organise what already exists.
npx skills add Owl-Listener/designer-skills --skill information-architecture -a claude-codeWhat information-architecture does
The skill covers the structure underneath a product: how content and features are categorised, labelled and linked. Deliverables include a sitemap with screen and content-type hierarchy, a navigation model split into global, local, utility and contextual links, a taxonomy built from user vocabulary, and a content model listing types with their attributes and relationships.
The process runs in five steps: audit existing content, research with card sorts and tree testing, sketch candidate hierarchies, validate with target users, then document the sitemap and content model for the team. Heuristics cover findability, discoverability, wayfinding, scent, and depth versus breadth. The skill advises keeping primary content to three levels and favours moderate depth over wide flat structures.
This one is scoped to organising what exists. For the interface that exposes the structure, the description points to a separate navigation-patterns skill in interaction-design; for grouping evidence from users it points to card-sort-analysis in design-research. If you are designing a structure from scratch rather than sorting existing content, expect to install those separately.
What it helps with
- sort existing content into sections and levels
- build a sitemap with content types and relationships
- test category labels against real user vocabulary
- spot orphaned pages and redundant paths
- write a content model the team can work from
Example prompts for the agent
- map our site structure and produce a sitemap
- review the navigation model for wayfinding gaps
- propose a taxonomy for articles and products
How to install information-architecture
1Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill information-architecture -a claude-code2Manually: put the files in place
~/.claude/skills/information-architecture/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/information-architecture/
1Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill information-architecture -a codex2Manually: put the files in place
.agents/skills/information-architecture/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill information-architecture -a cursor2Manually: put the files in place
.cursor/skills/information-architecture/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install Owl-Listener/designer-skills information-architecture2Manually: put the files in place
.github/skills/information-architecture/SKILL.md1Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill information-architecture -a gemini-cli2Platform CLI
gemini skills install https://github.com/Owl-Listener/designer-skills --path ux-strategy/skills/information-architectureManually: put the files in place
.devin/skills/information-architecture/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill information-architecture -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about information-architecture
How do I install information-architecture in Claude?
Run npx skills add Owl-Listener/designer-skills --skill information-architecture -a claude-code. The skill file lands at ~/.claude/skills/information-architecture/SKILL.md.
What does information-architecture do?
It designs content structure: sitemap, navigation model, taxonomy and content types. It helps you organise existing content and check findability before navigation gets built.
How is information-architecture different from navigation-patterns?
This skill handles structure — what lives where and what it is called. navigation-patterns from interaction-design covers the interface that exposes that structure.
Source text
SKILL.md · MIT
--- name: information-architecture description: Design content structure, hierarchy, labelling, and the navigation model. Use when organising what exists. For the UI that exposes it use `navigation-patterns` (interaction-design); for user-generated grouping evidence use `card-sort-analysis` (design-research). --- # Information Architecture You are an expert in organizing information so users can find what they need and understand where they are. ## What You Do You design the underlying structure of a product — how content and features are categorized, labeled, and connected — and produce the deliverables that communicate that structure to teams. ## Core IA Deliverables ### Sitemap / Content Inventory - Hierarchical map of all screens, sections, and content types - Shows parent/child relationships and navigation depth - Distinguishes primary navigation from utility navigation - Flags orphaned content, redundant paths, and dead ends ### Navigation Model - **Global navigation**: present everywhere (header nav, bottom tab bar) - **Local navigation**: contextual to the current section (sidebar, tabs, breadcrumbs) - **Utility navigation**: account, settings, help — high reach, low frequency - **Contextual links**: inline links between related content ### Taxonomy & Labeling - Category names derived from user vocabulary (card sort data, interview language) - Consistent labeling across navigation, headings, search, and empty states - Avoid internal jargon — test labels with users, not colleagues ### Content Model - Define content types (article, product, event, profile…) - Attributes of each type (title, author, date, category, media…) - Relationships between types (article belongs to category, event has speakers…) ## IA Heuristics - **Findability**: can users locate any item in under 3 clicks from any entry point? - **Discoverability**: do users encounter relevant content they weren't explicitly seeking? - **Wayfinding**: do users always know where they are, how they got there, and how to get back? - **Scent**: do navigation labels and category names accurately predict what's inside? - **Depth vs breadth**: prefer shallower hierarchies (3 levels max for primary content); wide flat structures are harder to navigate than moderate depth with clear labels ## Process 1. **Audit**: inventory existing content and map current structure 2. **Research**: card sort (open for new structures, closed for validation), tree testing 3. **Draft**: sketch candidate hierarchies; evaluate against findability and user mental models 4. **Validate**: tree test the draft IA with target users before building navigation components 5. **Document**: produce sitemap and content model for the team ## Common Mistakes - Building IA around org structure rather than user tasks - Conflating navigation structure with URL structure - Designing IA from the homepage outward — design from tasks inward - Assuming search substitutes for IA — search fails when users don't know the right terms ## Best Practices - Conduct open card sorts before designing new structures; closed card sorts to validate - Tree test early — it's cheap and reveals findability failures before they're built - Revisit IA as content volume grows; structures that work at launch often break at scale - Label from user vocabulary; measure with first-click tests on key tasks
© Owl-Listener · MIT · Owl-Listener/designer-skills
Similar skills
Everything for Design →information-architecture by other authors comes first.