CldKit
首頁瀏覽RECIPES提交CLIAI 策展助手登入
登入
CldKit
瀏覽Recipes提交CLI·關於隱私條款

為 AI 開發者建置。每個 components 都經過審查。

© 2026 CldKit

語言
首頁>探索>21st.dev Magic MCP

21st.dev Magic MCP

76/100
MCP Server
作者 21st.dev@21st-dev
ISC (npm package)

Frontend generation MCP server for creating UI components and app interfaces from prompts inside AI IDEs and coding agents.

來源

評審評分

安全性24/35維護性28/35易用性24/30
安全性24/35
維護性28/35
易用性24/30
證據:
medium
評審於 May 1, 2026
已漂移

評審版本

main@2026-05-01

最新版本

0.0.29(有漂移)

新鮮度

評審版本為 main@2026-05-01;最新版本為 0.0.29。

評分反映被評審版本,後續更新可能導致變化。

安全審計 - 2 個發現

審計於 May 1, 2026
api-key-required
code-generation

實測驗證

⚠ 需要設定 @0.0.29Jun 13, 2026
$ cldkit mcp-test magic-mcp
install command contains placeholder arguments (install <client> --api-key <key>); the server needs user-specific config to start

安裝前請先準備所需憑證——伺服器能啟動但缺少設定無法使用。

概覽

適合使用

不適合使用

配置

新增到 Claude Desktop 配置:

npx @21st-dev/cli@latest install <client> --api-key <key>

故障排查

場景

標籤

用於 Recipes

  • Frontend AI Design Studio(Generates frontend components through MCP)
MCP Server

加入 Claude

npx @21st-dev/cli@latest install <client> --api-key <key>

CldKit CLI

cldkit install magic-mcp
cldkit info magic-mcp

安裝 CLI: npm i -g @cldkit/cli

版本

0.0.29

星標

4,821

許可證

ISC (npm package)

相容性

cursor
windsurf
vscode
claude-code

連結

GitHub 來源@21st-dev
frontend
design
code
mcp
frontend
ui-generation
components
design
評審版本為 vmain@2026-05-01,最新版本為 v0.0.29。評分可能不反映當前版本。