Breadcrumb Generator
This handles breadcrumb navigation implementation for both UI and SEO. It covers location-based, attribute-based, and path-based breadcrumbs, defaulting to location-based for most sites since it's the most SEO-friendly. You get semantic HTML with proper ARIA labels, BreadcrumbList schema guidance (though it defers to the schema-markup skill for JSON-LD specifics), and concrete advice on depth (3-5 levels optimal), placement (below header, above content), and common errors like relative URLs in schema or mismatched visible trails. Worth noting that Google dropped visual breadcrumbs from mobile SERPs in January 2025, but the schema still matters for crawlers and AI. Useful if you're working on e-commerce, blogs, or docs with real hierarchy.
- skills.sh installs
- 1.1K
- GitHub stars
- 1.1K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add kostja94/marketing-skills --skill breadcrumb-generator --agent claude-codeInstalls into .claude/skills of the current project.
Files
Breadcrumb construction has moved
Breadcrumb construction is now maintained in the Breadcrumb reference in Bricks, the component layer for AI agents.
npx skills add kostja94/bricks --skill component-builder
Ask the agent to use component-builder to build a new Breadcrumb. This compatibility entry contains no component rules and is no longer maintained.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/kostja94/marketing-skills
- Categories
- Automation & Workflows, Marketing & SEO
- First seen
- May 16, 2026
More from kostja94/marketing-skills
All 172- Distribution Channels1.1K
- Grid1.1K
- Social Share Generator1.1K
- Employee Generated Content1.1K
- Sidebar Generator1.1K
- Customer Stories Page Generator1.1K
- Docs Page Generator1.1K
- Features Page Generator1.1K
- Referral Program1.1K
- Showcase Page Generator1.1K
- Popup Generator1.1K
- Contest Page Generator1.1K
- Use Cases Page Generator1.1K
- Services Page Generator1.1K
- Video Optimization1.1K
- Native Ads1.1K
- Glossary Page Generator1.1K
- Disclosure Page Generator1.1K
- Tools Page Generator1.1K
- Changelog Page Generator1.1K
- Careers Page Generator1.1K
- Download Page Generator1.1K
- Integrations Page Generator1.1K
- Toc Generator1.1K
Recommended
More Automation & Workflows
social-share-generatorkostja94/marketing-skillsWhen the user wants to add, optimize, or audit social share buttons (share article to X, LinkedIn, Facebook, etc.). Also use when the user mentions "share butto1.1Kskills.sh installssidebar-generatorkostja94/marketing-skillsWhen the user wants to design, optimize, or audit a sidebar for blogs, docs, or content pages. Also use when the user mentions "sidebar," "blog sidebar," "conte1.1Kskills.sh installscustomer-stories-page-generatorkostja94/marketing-skillsWhen the user wants to create, optimize, or audit customer stories or case study pages. Also use when the user mentions "case studies," "customer stories," "suc1.1Kskills.sh installsdocs-page-generatorkostja94/marketing-skillsWhen the user wants to create, optimize, or structure a documentation site. Also use when the user mentions "docs," "documentation site," "docs subdomain," "doc1.1Kskills.sh installsfeatures-page-generatorkostja94/marketing-skillsWhen the user wants to create, optimize, or audit features page content. Also use when the user mentions "features page," "product features," "capabilities," "w1.1Kskills.sh installsshowcase-page-generatorkostja94/marketing-skillsWhen the user wants to create, optimize, or audit a showcase or gallery page for user-generated content. Also use when the user mentions "showcase," "gallery," 1.1Kskills.sh installs