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。评分可能不反映当前版本。