Jpisnice/shadcn-ui-mcp-server

解決的問題

本專案提供一種讓 AI 助手能直接存取並整合 shadcn/ui v4 組件、區塊與元資料的方法，適用於 React、Svelte、Vue 與 React Native。它消除了 AI 需要猜測或產生錯誤的組件程式碼的問題，直接提供多個框架的最新原始碼、示範與元資料。

運作方式

此專案以 Model Context Protocol (MCP) 伺服器的形式實作。它連接到 GitHub，取得 shadcn/ui 的最新 TypeScript 原始碼、區塊與實作模式。支援多種傳輸模式（stdio 與 SSE），並可透過 Docker 部署至生產環境。

適用對象

使用 AI 驅動的程式碼助手（如 Claude Desktop、Cursor 或 VS Code）並希望在不同框架中使用 shadcn/ui 生態系統建構使用者介面的開發者。

主要特色

• 多框架支援：提供 React、Svelte、Vue 與 React Native 的實作。
• 全面存取：取得原始碼、元件示範與完整區塊（例如儀表板與表單）。
• 彈性部署：支援標準輸入/輸出、多用戶端用的 Server-Sent Events (SSE)，以及 Docker 容器化。
• 智慧快取：整合 GitHub API 並處理速率限制，確保高效能的資料取得。