Breadcrumb Generator Connector for AI agents.
3 live capabilities
Create SEO-ready navigation markup and JSON-LD schema from URL paths.
Waiting for input…
Why people use Breadcrumb Generator
Breadcrumb Generator for SEO-Ready Site Navigation
With this Connector, you just feed the URL to your AI client. It handles the logic and gives you the exact snippet you need for your frontend or your metadata. You get accurate results without the manual effort.
What Vinkius changes
You stop manual breadcrumb entry and get production-ready markup instantly.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 6,100+ Connectors
- Real-world use case 01
Building a clothing store
A developer is building a clothing store.
- Real-world use case 02
Automating blog SEO
An SEO pro needs schema for a blog.
- Real-world use case 03
Creating UI text paths
A content writer wants a text path for a guide.
Complete set · 3capabilities
The complete Breadcrumb Generator capability set.
These are the exact actions your AI can choose when you ask it to work with Breadcrumb Generator.
01—03
3 capabilities in this set.
Part of 3 available through Breadcrumb Generator.
- 01 Capability
Generate text breadcrumb
Generates a simple, human-readable text string for your UI. It's perfect for displaying navigation trails in plain text formats.
- 02 Capability
Generate html breadcrumb
Creates a semantic HTML5 snippet with relative links for your website navigation. It ensures your breadcrumbs are accessible and follow web standards.
- 03 Capability
Generate json ld schema
Produces a Schema.org BreadcrumbList JSON-LD object for search engines. This helps improve your rich results and site visibility.
Set up in minutes
One URL. Then ask Breadcrumb Generator to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Breadcrumb Generator from the conversation.
Choose your client
Live previewAdvanced clients IDE · CLI
Claude · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_bPgv0m82CVdqa5bdFTxCUpkMAW4p6WFCN3uGLIJI/mcp - Step 01
Open Connectors
In Claude Web or Claude Desktop, open Settings and choose Connectors.
- Step 02
Add the URL
Choose Add custom connector, name it Breadcrumb Generator, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable Breadcrumb Generator for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_bPgv0m82CVdqa5bdFTxCUpkMAW4p6WFCN3uGLIJI/mcp - Step 01
Open MCP settings
On desktop, open Settings and MCP servers. On web, open your workspace app or connector settings.
- Step 02
Add the URL
Choose Add server with Streamable HTTP, or create a custom MCP app, then paste the Breadcrumb Generator URL.
- Step 03
Save and start
Save the connection and enable Breadcrumb Generator in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"breadcrumb-generator": {
"url": "https://edge.vinkius.com/vk_preview_bPgv0m82CVdqa5bdFTxCUpkMAW4p6WFCN3uGLIJI/mcp"
}
}
}- Step 01
Open MCP Settings
Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"
- Step 02
Add the server config
Paste the JSON configuration above into the mcp.json file that opens
- Step 03
Save the file
Cursor will automatically detect the new Connector
- Step 04
Start using Breadcrumb Generator
Open Agent mode in chat and ask: "Using Breadcrumb Generator, help me...". 3 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"breadcrumb-generator": {
"url": "https://edge.vinkius.com/vk_preview_bPgv0m82CVdqa5bdFTxCUpkMAW4p6WFCN3uGLIJI/mcp"
}
}
}- Step 01
Create MCP config
Create a .vscode/mcp.json file in your project root
- Step 02
Add the server config
Paste the JSON configuration above
- Step 03
Enable Agent mode
Open GitHub Copilot Chat and switch to Agent mode using the dropdown
- Step 04
Start using Breadcrumb Generator
Ask Copilot: "Using Breadcrumb Generator, help me...". 3 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"breadcrumb-generator": {
"url": "https://edge.vinkius.com/vk_preview_bPgv0m82CVdqa5bdFTxCUpkMAW4p6WFCN3uGLIJI/mcp"
}
}
}- Step 01
Open MCP Settings
Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"
- Step 02
Add the server
Paste the JSON configuration above into mcp_config.json
- Step 03
Save and reload
Windsurf will detect the new server automatically
- Step 04
Start using Breadcrumb Generator
Open Cascade and ask: "Using Breadcrumb Generator, help me...". 3 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"breadcrumb-generator": {
"url": "https://edge.vinkius.com/vk_preview_bPgv0m82CVdqa5bdFTxCUpkMAW4p6WFCN3uGLIJI/mcp"
}
}
}- Step 01
Open Cline MCP Settings
Click the Connectors icon in the Cline sidebar panel
- Step 02
Add remote server
Click "Add Connector" and paste the configuration above
- Step 03
Enable the server
Toggle the server switch to ON
- Step 04
Start using Breadcrumb Generator
Ask Cline: "Using Breadcrumb Generator, help me...". 3 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add breadcrumb-generator --transport http "https://edge.vinkius.com/vk_preview_bPgv0m82CVdqa5bdFTxCUpkMAW4p6WFCN3uGLIJI/mcp"- Step 01
Install Claude Code
Run npm install -g @anthropic-ai/claude-code if not already installed
- Step 02
Add the Connector
Run the command above in your terminal
- Step 03
Verify the connection
Run claude mcp to list connected servers, or type /mcp inside a session
- Step 04
Start using Breadcrumb Generator
Ask Claude: "Using Breadcrumb Generator, show me...". 3 tools are ready
Where the request belongs
Work Breadcrumb Generator can move forward.
Web developers who hate repetitive HTML, SEO specialists trying to fix site structure, and e-commerce managers handling deep product categories.
Frontend Developer
Building out a large-scale e-commerce site and needing consistent navigation across hundreds of category pages.
SEO Specialist
Auditing a site and needing to quickly generate JSON-LD for every category page to improve search visibility.
Content Manager
Organizing a blog with deep nested categories and needing clear text paths for the user interface.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse Connectors
URL Structure Analyzer
Evaluate web URLs for SEO health, analyzing path depth, keyword relevance, and parameter noise.
Hreflang Generator
Generate and validate SEO-compliant HTML hreflang tags and XML sitemap entries for multi-regional websites.
SERP Snippet Previewer
Simulate Google Desktop and Mobile search snippets with pixel-based truncation analysis.
Open Graph Generator
Generates standardized Open Graph and Twitter Card HTML meta tags from provided metadata.
Firecrawl
Turn any website into clean, LLM-ready Markdown with a single API call. scrape, crawl, search, and map the entire web for your AI agent.
Siteimprove
Monitor and improve your website quality. track accessibility, SEO, content QA, and broken links across your domains with AI agents.
Bring your own AI
Change the model, client or framework. Keep Breadcrumb Generator connected.
-
Claude -
ChatGPT -
Gemini -
Cursor -
VS Code -
Windsurf -
ZCode -
Cline -
Zed -
Continue -
Kiro -
Roo Code -
Zencoder -
Goose -
Void -
Augment Code -
Amp -
Qodo -
Tabnine -
Pieces -
Sourcegraph Cody -
JetBrains -
Warp -
Amazon Q -
Antigravity -
BoltAI -
Raycast -
Jan -
LM Studio -
AnythingLLM -
Open WebUI -
Msty -
Cherry Studio -
LibreChat -
TypingMind -
Chorus -
5ire -
n8n -
LangChain -
LlamaIndex -
CrewAI -
Vercel AI SDK
Before you connect
Questions about Breadcrumb Generator.
The practical details behind the request, access and result.
What does the Breadcrumb Generator MCP do?
It takes a URL path and turns it into navigation breadcrumbs in text, HTML, or JSON-LD formats. This helps you build consistent navigation for your users and better SEO for your site.
How can I use the Breadcrumb Generator MCP for SEO?
You can use it to generate JSON-LD schema for every page on your site. This tells search engines exactly how your pages are nested, which can improve your search results.
Can the Breadcrumb Generator MCP create HTML snippets?
Yes, it can generate semantic HTML5 breadcrumb snippets with relative links. This makes it easy to drop into your website's frontend code.
Does the Breadcrumb Generator MCP support JSON-LD?
Yes, it supports Schema.org BreadcrumbList JSON-LD. It automatically structures the list based on the URL path you provide.
How does the Breadcrumb Generator MCP handle nested URLs?
It parses the segments of your URL to determine the hierarchy. For example, it can turn /clothing/men/shirts into a multi-level breadcrumb trail.
Can I use the Breadcrumb Generator MCP for an e-commerce site?
It's perfect for e-commerce. You can use it to quickly generate breadcrumb markup for hundreds of different product categories and nested items.
What formats can the breadcrumb generator produce?
It produces three formats: plain text for simple visual trails, JSON-LD schema for SEO optimization, and semantic HTML5 markup for web navigation.
How do I provide the URL path?
You simply pass the URL path string (e.g., '/products/electronics/mobile') as the urlPath parameter to any of the available capabilities.
Does the HTML output include links?
Yes, the generate_html_breadcrumb capability generates an unordered list where each segment (except the current page) is wrapped in a relative anchor tag.
One connection away
Give your agent a direct line to Breadcrumb Generator.
Connect Breadcrumb Generator once. Keep it beside 6,100+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available