# Breadcrumb Trail > Breadcrumb navigation patterns for complex hierarchies. - Skill: `dragoon0x/breadcrumb-trail` (Agent Skill) - Install (CLI): `npx skillmds@latest add dragoon0x/breadcrumb-trail` - Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/breadcrumb-trail/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: dragoon0x (https://skillmd.com/u/dragoon0x) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/dragoon0x/breadcrumb-trail --- # Breadcrumb Trail ## When to Use - Sites with 3+ levels of hierarchy - E-commerce category browsing - Documentation with nested sections - File management interfaces ## Design ``` Home / Products / Electronics / Headphones ``` - Separator: / or > (consistent throughout) - Last item: current page, not clickable, visually distinct (bold or darker) - Truncation: Home / ... / Grandparent / Parent / Current - Mobile: show only parent level ## Accessibility - `