Agent skill · marketing growth · kostja94
breadcrumb-generator
When the user wants to add, optimize, or audit breadcrumb navigation. Also use when the user mentions "breadcrumbs," "breadcrumb trail," "breadcrumb nav," "breadcrumb links," "path navigation," "site breadcrumb," "BreadcrumbList schema," "location-based breadcrumb," "attribute-based breadcrumb," "site hierarchy display," "add breadcrumbs," or "breadcrumb SEO." For BreadcrumbList JSON-LD, use schema-markup. For main nav, use navigation-menu-generator.
Why this skill is useful
Provides specific guidelines and structured data examples for implementing BreadcrumbList schema that the AI wouldn't reliably generate on its own.
What it needs
About 4k tokens when loaded. Last updated 2026-06-09. 860 stars on the source repository.
What this skill does
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 key pages. Identify: 1. Site structure: Hierarchy depth (e.g., Home > Category > Subcategory > Product) 2. Page types: Blog, e-commerce, docs, etc. 3. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills kostja94/breadcrumb