breadcrumb-generator

# Components: Breadcrumb Navigation Guides breadcrumb implementation for SEO, UX, and GEO. Breadcrumbs show users their location in the site hierarchy and help search engines understand content taxonomy. Well-implemented breadcrumbs can increase CTR by 20–30%, reduce bounce rates by up to 30%, and strengthen internal linking. **When invoking**: On **first use**, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On **subsequent use** or when the user asks to skip, go directly to the main output. ## Scope - **Breadcrumb UI**: Visual trail (Home > Category > Page) - **BreadcrumbList schema**: JSON-LD structured data for rich results - **Placement**: Typically below header, above main content ## Breadcrumb Types | Type | Use case | Recommendation | |------|----------|----------------| | **Location-based** | Reflects site hierarchy (Home > Blog > SEO > Page) | **Recommended** — most SEO-friendly; clear structure | | **Attribute-based** | Shows product attributes (Home > Electronics > Phone > iPhone 15) | E-commerce; product classification | | **Path-based** | Shows user's browsing path | **Avoid** — different users, different paths; can cause confusion | **Default**: Use location-based for most sites. Use attribute-based for e-commerce product pages. ## Initial Assessment **Check for project context first:** If `.claude/project-context.md` or `.cursor/project-context.md` exists, read it for site structure and k...