21st-dev/magic-mcp
It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right from your editor. Magic MCP is now the 21st MCP; this package keeps old configs working. Setup: 21st.dev/mcp
解決的問題
為 AI 代理提供通往 UI 組件、主題和範本庫的橋樑。讓代理能夠搜尋現有組件、產生新 UI 並管理程式庫，有效將 AI 助手轉變為 UI 開發工具。
運作方式
本專案作為 Model Context Protocol (MCP) 伺服器運作。可作為獨立的 HTTP 伺服器使用，或透過 stdio 代理使用。它將 AI 客戶端（如 Cursor、Claude 或 VS Code）連接到 21st.dev 平台，讓代理能呼叫特定工具進行 UI 產生與檢索。
適用對象
使用支援 Model Context Protocol (MCP) 的 AI 驅動 IDE 或代理，並希望自動化發現與產生 UI 組件的開發者。
主要特色
- UI 產生： 可產生帶變體的新 UI 組件。
- 組件發現： 支援跨組件、主題與範本的目錄搜尋。
- 豐富的工具集： 包含 logo 搜尋、付費程式碼檢索與團隊程式庫管理等工具。
- 廣泛相容性： 支援多種 AI 客戶端，包括 Cursor、Claude、VS Code 與 Windsurf。
相關
- 專案
- 專案
- 專案
- 專案
- 專案