Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type @ followed by the MCP server name and your instructions, e.g., "@shadcn-svelte-mcp How do I install the button component?"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Love the hosted server? Please help keep it online: the hosted endpoint at
https://shadcn.svelte-apps.me/mcp is free to use but costs money to run. I'm covering
costs out of pocket right now — if it's been useful, please consider chipping in to help
keep it available for everyone over the next ~30 days and beyond.
Prefer to run it yourself? You always can — npx -y shadcn-svelte-mcp, or deploy
it yourself to Fly.io / Render / Cloudflare Workers.
❤️ Sponsor @Michael-Obele — thank you!
URL Update Notification: This MCP server is now hosted at
https://shadcn.svelte-apps.me/mcp. Earlier configs pointing at the
*.workers.dev / *.server.mastra.cloud /api/mcp/shadcn/... endpoints should
be updated to the new URL below (health check: https://shadcn.svelte-apps.me/health).
Real-time shadcn-svelte docs for AI editors, via tmcp. Scrapes shadcn-svelte.com and bits-ui.com live — no stale docs.
Hosted: https://shadcn.svelte-apps.me/mcp (Streamable HTTP) · Health: https://shadcn.svelte-apps.me/health · Local: bun run src/stdio.ts
Live shadcn-svelte + Bits UI docs (no stale bundles)
5 tools: list, get, search, icons, Bits UI API
Fuzzy search with typo tolerance + install snippets per package manager
~1,600 Lucide icons with import snippets
3-day cache (memory / disk / KV) for fast repeats
Related MCP server: shadcn-ui MCP Server
Hosted (recommended): https://shadcn.svelte-apps.me/mcp
VS Code: MCP: Add Server → paste the URL. Cursor / Windsurf: add an http server with the same URL. Zed: use npx -y mcp-remote https://shadcn.svelte-apps.me/mcp. Verify: MCP: List Servers.
{
"mcpServers": {
"shadcn-svelte": {
"command": "npx",
"args": ["-y", "mcp-remote", "https://shadcn.svelte-apps.me/mcp"]
}
}
}CLIs:
claude mcp add --transport http shadcn-svelte https://shadcn.svelte-apps.me/mcp
codex mcp add shadcn-svelte --url https://shadcn.svelte-apps.me/mcpRun locally via npm — same tools, no server:
{
"mcpServers": {
"shadcn-svelte": { "command": "npx", "args": ["-y", "shadcn-svelte-mcp"] }
}
}CLI (stdio):
claude mcp add shadcn-svelte -- npx -y shadcn-svelte-mcp
codex mcp add shadcn-svelte -- npx -y shadcn-svelte-mcpNeeds Node >= 20.9. Bun users: swap npx for bunx.
Cursor: Settings → MCP → add http server with the hosted URL.
Windsurf: ~/.codeium/windsurf/mcp_config.json → mcpServers, restart.
Zed: Settings → Agent, or npx -y mcp-remote https://shadcn.svelte-apps.me/mcp.
Gemini CLI: ~/.gemini/settings.json → httpUrl, or use mcp-remote variant.
Tool | Use for |
| Details + install snippet for a known component / block / doc ( |
| Fuzzy find when you don't know the exact name |
| Full inventory of components, blocks, charts, docs |
| Lucide icons ( |
| Low-level Bits UI API (props, events, data attributes) |
Start with get, fall back to search, use bits-ui-get only for primitive internals.
Try: "Install button", "List all components", "Find date-picker-like components", "Icons for settings", "Bits UI Dialog API".
Polished SvelteKit UI skill at skills/shadcn-sveltekit-design/SKILL.md:
npx skills add Michael-Obele/shadcn-svelte-mcp --skill shadcn-sveltekit-designclaude mcp list
codex mcp list
curl -I https://shadcn.svelte-apps.me/healthbun install
bun run dev # http://localhost:3000/mcp, health at /health
bun run check # type checkStdio for local clients: bun run src/stdio.ts. Layout: src/index.ts (HTTP), src/stdio.ts, src/worker.ts, src/mcp/tools/, src/mcp/prompts/, src/services/.
MIT — see LICENSE. Please read Contributing + Code of Conduct.
Contact: support@svelte-apps.me · Maintainer: Michael Obele
This server cannot be deployed
Web scraping for AI agents. Converts URLs to clean, LLM-ready Markdown with anti-bot bypass.
Provides cloud browser automation capabilities using Stagehand and Browserbase, enabling LLMs to i…
Structured web research tool for AI agents: search, fetch and shape web data into the JSON schema…
Web data tools for AI agents: pages as markdown, search, maps, commerce, jobs, AI answers.
