在Cursor IDE中安装Magic MCP需要完成以下几个步骤：
- environmental preparation：确保已安装Node.js（推荐v22 LTS版本）和npm
- Getting the API key：访问21st.dev官网，登录后在API页面生成TWENTY_FIRST_API_KEY
- mounting tool：在终端运行安装命令
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密钥"} } } } - Verify Installation：在聊天窗口输入
/ui，看到提示则表示安装成功
安装完成后，需要重启Cursor使配置生效。如果遇到问题，可以检查Node.js版本是否符合要求，或者到Discord社区寻求帮助。
This answer comes from the articleMagic MCP: MCP service for generating modernized UI componentsThe
May not be reproduced without permission:AI productivity tools " 如何在Cursor IDE中安装和配置Magic MCP？
English 
简体中文 
日本語 
Deutsch 
Português do Brasil