designing-navigation-systems
OfficialStructure your docs for clarity and speed.
Content & Communication#documentation#navigation#user experience#information architecture#sidebar#breadcrumbs#hick's law
Authormusher-dev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of creating intuitive and efficient navigation systems for developer documentation, ensuring users can easily find the information they need.
Core Features & Use Cases
- Layout Design: Defines best practices for three-pane layouts (sidebar, content, TOC).
- Sidebar Governance: Establishes rules for item limits, grouping, and nesting depth to prevent cognitive overload.
- Breadcrumb Implementation: Guides the creation of clear, consistent breadcrumb trails.
- Contextual Navigation: Manages how navigation changes when users switch between different documentation sections.
- Audit Checklist: Provides a comprehensive checklist for evaluating existing navigation systems.
- Use Case: You are redesigning a large developer portal and need to ensure the sidebar is organized logically, limiting the number of items per group and nesting depth to improve user experience.
Quick Start
Audit the current navigation system for the 'developer-docs-authoring' repository using the provided checklist.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: designing-navigation-systems Download link: https://github.com/musher-dev/bundles/archive/main.zip#designing-navigation-systems Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.