MO

michael-obele/shadcn-svelte-mcp

开发工具

本页由 AI 翻译,技术细节请以原文为准。 查看原文

58 stars 4 forks 质量 84 趋势 27MIT

Mastra MCP 服务器及 shadcn-svelte 组件文档和开发者工具的工具。

概览

Mastra MCP 服务器和工具,提供实时访问 shadcn-slite 组件文档和开发者工具,利用网页爬取。 MCP服务器现托管在https://shadcn.svelte-apps.me/mcp(可流式HTTP)。之前的*.workers.dev 端点仍然可用,但已超载——请将你的编辑器和CLI配置更新到下面的新端点以提升可靠性。健康检查:https://shadcn.svelte-apps.me/health. 本项目遵循我们的行为准则,欢迎大家捐助!详情请参见我们的贡献指南。 该仓库包含基于 Mastra 的 MCP 服务器,通过网页抓取提供实时访问 shadcn-svelte 组件文档。在你的 AI 驱动代码编辑器中使用它,即可直接从官方网站即时访问最新的 shadcn-svelte 组件信息。

概述(AI 翻译)

[!重要] 托管服务器几天后就要宕机了。 我付钱 https://shadcn.svelte-apps.me/mcp自费,我很快就会关掉它。 切换到npm包: npx -y shadcn-svelte-mcp。运行方式相同 服务器在你的机器上,所以关机不会影响你。 想要一个HTTP端点?自己部署到 Fly.io 或渲染。 ❤️如果你愿意,可以赞助@Michael-Obel。谢谢!

实时 Shadcn 精简文档,供 AI 编辑使用,通过 tmcp 提供。抓取 shadcn-svelte.com 和 bits-ui.com 实时——没有陈旧文档。

npm(推荐): npx -y shadcn-svelte-mcp ·托管(即将关闭):https://shadcn.svelte-apps.me/mcp ·本地开发:bun run src/stdio.ts

你得到了什么

  • 实时 shadcn-svelte + Bits UI 文档(无过时捆绑包)
  • 5 个工具:列表、获取、搜索、图标、Bits UI API
  • 5 个引导提示:安装组件、设置主题、CLI 使用、项目初始化以及使用工具
  • 意图感知搜索(概念查询、类别、多查询),支持容错字+每个包管理器的安装摘要
  • 1,800+ Lucide 图标及导入片段
  • 3天缓存(内存+磁盘),用于快速重复

本页由 AI 翻译,技术细节请以原文为准。

README

以下为原文 README 节选,完整内容请查看原文。

shadcn-svelte-mcp

[!IMPORTANT] The hosted server goes down in a few days. I pay for https://shadcn.svelte-apps.me/mcp out of pocket and I’m turning it off soon. Switch to the npm package: npx -y shadcn-svelte-mcp. It runs the same server on your machine, so the shutdown doesn’t affect you. Want an HTTP endpoint instead? Deploy it yourself to Fly.io or Render. ❤️ Sponsor @Michael-Obele if you want to chip in. Thank you!

Real-time shadcn-svelte docs for AI editors, via tmcp. Scrapes shadcn-svelte.com and bits-ui.com live — no stale docs.

npm (recommended): npx -y shadcn-svelte-mcp · Hosted (shutting down soon): https://shadcn.svelte-apps.me/mcp · Local dev: bun run src/stdio.ts

What you get

  • Live shadcn-svelte + Bits UI docs (no stale bundles)
  • 5 tools: list, get, search, icons, Bits UI API
  • 5 guided prompts: install a component, set up theming, CLI usage, project init, and which tool to use when
  • Intent-aware search (concept queries, categories, multi-query) with typo tolerance + install snippets per package manager
  • 1,800+ Lucide icons with import snippets
  • 3-day cache (memory + disk) for fast repeats
  • Optional: a design skill and a per-editor agent on top of the server

Connect (30 seconds)

npm (recommended): runs on your machine; this is the setup to use once the hosted server is off.

{
  "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-mcp

Needs Node >= 20.9. Bun users: swap npx for bunx.

Hosted (shutting down in a few days): https://shadcn.svelte-apps.me/mcp still works for now, but I’m turning it off soon. If your config points here, switch to npm above.

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:

在 GitHub 查看完整 README

安装

npx -y shadcn-svelte-mcp
新手?先看 mcpskill.org 教程 →

配置

{ "mcpServers": { "shadcn-svelte": { "command": "npx", "args": ["-y", "shadcn-svelte-mcp"] } } }