wayfinding-breadcrumbs-and-context
CommunityHelp users instantly find where they are
Design & Creative#accessibility#information architecture#breadcrumbs#wayfinding#navigation context#user orientation#page titles
AuthorHDeibler
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill prevents users from getting lost by defining the orientation chrome that confirms location, shows parent context, and provides clear “escape” paths.
Core Features & Use Cases
- Breadcrumbs and “you are here” context: Design hierarchical breadcrumbs, current-page indicators, matching page titles, and URL patterns that reinforce the user’s location in the information architecture.
- Orientation in navigation and headers: Apply active-state rules for primary/side navigation, ensure title parity, and include high-signal header context such as workspace/account/environment.
- Back-link patterns and mobile constraints: Use compact “Back to …” affordances for detail pages and adjust patterns for mobile where breadcrumbs don’t fit.
Quick Start
Use this skill to review your multi-level IA and redesign your breadcrumbs, nav active states, and page title/URL scheme so a user can deep-link and still answer what page they are on and how to get back.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: wayfinding-breadcrumbs-and-context Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#wayfinding-breadcrumbs-and-context 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 471,000+ vetted skills library on demand.