information-architecture

Aligns navigation structures with user task models for web applications.

1|Updated Jul 26, 2026
One-click install
npx skills add https://github.com/yogvidwankhede/vishwakarma --skill information-architecture-yogvidwankhede
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: information-architecture
Source: https://github.com/yogvidwankhede/vishwakarma/tree/main/.claude/skills/information-architecture
Command: npx skills add https://github.com/yogvidwankhede/vishwakarma --skill information-architecture-yogvidwankhede

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the common failure where users cannot find content because the product structure mirrors internal database schemas or organizational charts rather than the user's mental model.

Core Features & Use Cases

  • Structural Audit: Evaluates navigation hierarchies for depth, breadth, and information scent.
  • Design Contract Enforcement: Provides specific rules for labeling, grouping, and landmark usage to ensure accessibility and scannability.
  • Use Case: Use this when designing a new dashboard or restructuring a complex application to ensure that navigation labels match user vocabulary and that the hierarchy remains shallow and predictable.

Quick Start

Analyze the current navigation structure of my application and suggest improvements based on the information architecture design contract.

Frequently Asked Questions about information-architecture

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

FAQPage Schema
How do I align my application navigation structure with user mental models instead of internal database schemas?

Align application navigation structures by auditing hierarchies for depth, breadth, and information scent to match user task models. This resolves findability issues caused by mirroring internal organizational charts, ensuring labels match user vocabulary.

What's the best way to design accessible dashboards that meet WCAG 2.2 standards?

Design accessible dashboards meeting WCAG 2.2 standards by enforcing strict rules for labeling, grouping, and landmark usage. This ensures predictable, shallow hierarchies that maintain high scannability and accessibility for complex web applications.

How do I audit an existing complex web application for information architecture issues?

Audit complex web applications by evaluating navigation hierarchies for structural depth and breadth. This structural audit identifies predictability gaps and poor information scent, confirming whether current grouping aligns with user task models.

Why does my dashboard navigation hierarchy confuse users and how can I fix it?

Dashboard navigation confuses users when the product structure mirrors internal hierarchies rather than user vocabulary. Fix it by flattening the hierarchy, improving information scent, and applying design contracts for predictable landmark usage.

Can I restructure a complex web application navigation system without breaking accessibility?

Restructure complex web application navigation without breaking accessibility by applying specific design contracts for landmark usage and heading hierarchy. This ensures the updated navigation satisfies WCAG 2.2 standards while improving findability.

When do I need to restructure my information architecture for better findability?

Restructure information architecture when users cannot find content because the product structure mirrors internal organizational charts. This structural misalignment indicates the navigation system requires a shift toward user task models.