dragoon0x/everything-design-taste

breadcrumb-navigation

Breadcrumb design, hierarchical navigation, and location indicators.

First seen Jul 18, 2026

Installation

$ npx skills add dragoon0x/everything-design-taste --skill breadcrumb-navigation

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from dragoon0x/everything-design-taste · top by installs.

npx skills add dragoon0x/everything-design-taste

Browse all from dragoon0x/everything-design-taste

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 11
License LICENSE
Default branch main
Open issues 0
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 790 B
  • docs SUMMARY.md 97 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 2 installs

SKILL.md

Breadcrumb Navigation

Structure

Home > Category > Subcategory > Current Page

Rules

  1. Last item is current page (not clickable, styled differently)
  2. Separator: / or > (not >>)
  3. Don't use on flat sites (no hierarchy = no breadcrumbs)
  4. Truncate long paths with ellipsis: Home > ... > Subcategory > Page
  5. Mobile: show only parent level or collapse
  6. Schema markup for SEO (BreadcrumbList)

Accessibility

  • Wrapped in <nav aria-label="Breadcrumb">
  • Ordered list <ol> for semantics
  • Current page marked with aria-current="page"
  • Separators are decorative (CSS, not text)