魔法MCP — 第21届MCP
Magic MCP现在是第21个MCP. Magic MCP 服务器 (
@21st-dev/magic)已被统一 第二十一届MCP,通过 第21次全国学习 设置于 第21次/分钟。这个软件包仍然作为薄相容性代理发布,所以旧的配置继续工作.
安装第21个 MCP( 建议)
npx @21st-dev/cli@latest init --client cursor # or: claude | vscode | windsurf | codex
或者手动添加它——它是一个普通的HTTP MCP服务器:
{
"mcpServers": {
"21st": {
"url": "https://21st.dev/api/mcp",
"headers": { "x-api-key": "YOUR_21ST_API_KEY" }
}
}
}
获取 API 密钥 第21次/分钟。 。 。 .
旧魔法API密钥被重置 . 旧魔法控制台发行的密钥 已经不在任何地方工作了 生成新密钥 第21次/分钟。 。 。 .
这个软件包现在做什么(v.2.0+)
npx -y @21st-dev/magic@latest API_KEY="..." 仍然有效:自v.0.2.0起,它是一个将每个MCP消息转发给第21个MCP服务器的小型stdio代理. 现有 mcp.json 条目 @21st-dev/magic 保持正常运行——但他们现在与第21CLI同台服务器通话,拥有认证账户可用的工具.
API 键以所有历史形式被接受:位置 API_KEY="...", (中文(简体) ), --API_KEY=..., (中文(简体) ), /API_KEY:..., (中文(简体) ), -API_KEY ...,或 TWENTY_FIRST_API_KEY 编号 : API_KEY_21ST 环境变量.
AI 访问
构建器组件访问无法启用主机 第21回AI. 服务器列表
generate 财务报告和审定财务报表 iterate_generation 只有当 AI 访问被启用时。 检查
get_usage.aiGenerationEnabled;这个报告访问,而不是剩下的AI
贷方余额。 关闭AI,使用 search 财务报告和审定财务报表 get_component,然后调整
代码与自己的编码代理。 现有草案仍可读取.
缓存或遗留的生成呼叫可以返回 ai_subscription_required执行
在 AI 启用之前不要重试 。 更新客户端工具列表或重新连接
授权大赦国际。 代理向服务器转发发现, 所以已有代理
版本接收此行为而不更新 npm.
server.json 镜像官方 dev.21st/mcp 登记清单。 登记处
版本独立于此兼容包版本.
旧工具名 新工具名
第21回MCP仍然接受遗留的"魔法"工具名并进行翻译,因此能记住旧名的代理继续工作. 优先使用新名称:
| 遗留魔法工具 | 第21个MCP工具 |
|---|---|
21st_magic_component_builder | generate |
21st_magic_component_inspiration | get_inspiration |
21st_magic_component_refiner | generate (精细化后的新一代) |
logo_search | search_logo (每个电话一个查询) |
目前的服务器比旧有的四种工具更能曝光:跨组件/主题/templates的目录搜索,付费代码检索,书签,团队库,有变体的UI生成,配置管理,等等. 连接和呼叫 tools/list 查看您账户可用的工具.
作为插件安装
此寄存器也被打包为代理插件(MCP服务器+UI技能). 你不需要等待任何商店——这个Repo是一个市场,直接添加:
# Claude Code
claude plugin marketplace add 21st-dev/magic-mcp # then: /plugin install 21st
# Grok Build
grok plugin marketplace add 21st-dev/magic-mcp && grok plugin install 21st --trust
# Codex CLI
codex plugin marketplace add 21st-dev/magic-mcp # then install "21st" from /plugins
将您的 API 密钥设置在 API_KEY_21ST 变量( 空键在 第21次/分钟) (中文(简体) ).
存储列表 :
- 光标 / Grok 瓶 ——安装"21st"从 光标市场,然后设置您的
API_KEY_21ST下级 插件 — 配置。获取密钥到 第21次/分钟。 。 。 . - Grok 构建 —— 说
grok plugin install 21st --trust(来自官员) xAI市场),然后导出API_KEY_21ST。 。 。 . - 克劳德代码 ——还本付息带出
.claude-plugin/显示 :/plugin install它来自任何列出这种回购的市场,或装入本地claude --plugin-dir .和导出API_KEY_21ST。 。 。 .
插件配置预期 API 密钥 API_KEY_21ST 每个客户端中的变量.
链接
- 第21回 MCP 设置 & API 密钥 : https://21st.dev/mcp (英语)
- https://www.npmjs.com/package/@21st-dev/cli 互联网档案馆的存檔,存档日期2013-12-02
- 21st.dev — 发现、发布和生成UI组件 : https://21st.dev (英语)
财务问题
为什么我的魔法MCP停止工作?
魔法后端( T)magic.21st.dev)被统一后的第21个MCP所取代,所有旧的API密钥被重置用于安全. 更新到新密钥来自 第21次/分钟 -你现在的 @21st-dev/magic 配置将会通过此兼容性代理再次工作, 尽管我们建议切换到 npx @21st-dev/cli@latest init。 。 。 .
这是 /ui 还是一样?
使用自然语言: 请您的代理搜索第 21 个组件( U)search),或使用主机UI生成(generate) 当AI被启用. 旧的 /ui, (中文(简体) ), /21 触发短语是遗留工具描述的公约,而不是协议.