在Cursor IDE中安装Magic MCP需要完成以下几个步骤：
- 环境准备：确保已安装Node.js（推荐v22 LTS版本）和npm
- 获取API密钥：访问21st.dev官网，登录后在API页面生成TWENTY_FIRST_API_KEY
- 安装工具：在终端运行安装命令
npx -y @smithery/cli@latest run @21st-dev/magic-mcp --config "{"TWENTY_FIRST_API_KEY":"你的API密钥"}" - 配置IDE：在Cursor设置中添加MCP配置
{ "mcpServers": { "magic": { "command": "npx", "args": ["-y", "@smithery/cli@latest", "install", "@21st-dev/magic-mcp", "--client", "cursor"], "env": {"TWENTY_FIRST_API_KEY": "你的API密钥"} } } } - 验证安装：在聊天窗口输入
/ui，看到提示则表示安装成功
安装完成后，需要重启Cursor使配置生效。如果遇到问题，可以检查Node.js版本是否符合要求，或者到Discord社区寻求帮助。
本答案来源于文章《Magic MCP：生成现代化UI组件的MCP服务》
未经允许不得转载：AI生产力工具 » 如何在Cursor IDE中安装和配置Magic MCP？
简体中文 
English 
日本語 
Deutsch 
Português do Brasil