Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.
复制下面这句话，粘贴给 Claude Code、Codex、Cursor 等 AI 编程工具，它会读取安装说明并在你确认后完成安装。
请阅读 https://ai.atlankj.com/install/asset/gh-magic-mcp-2b191e8a31fc ，按照其中的说明把「dev.21st/mcp」安装到你（当前 AI 工具）中。执行前先告诉我将运行的命令和写入的位置，等我确认。
查看 AI 将读取的安装说明正在读取 GitHub 原文…
内容来自 GitHub 原始文件，由原作者维护。在 GitHub 查看
{
"$schema": "https://static.modelcontextprotocol.io/schemas/2025-12-11/server.schema.json",
"name": "dev.21st/mcp",
"title": "21st.dev",
"description": "Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.",
"version": "1.0.1",
"websiteUrl": "https://21st.dev/mcp",
"remotes": [
{
"type": "streamable-http",
"url": "https://21st.dev/api/mcp",
"headers": [
{
"name": "x-api-key",
"description": "Your 21st.dev API key from https://21st.dev/settings/api-keys. Authentication is required for discovery and tool calls. Generation tools are listed only when the account has hosted AI access.",
"isRequired": true,
"isSecret": true
}
]
}
]
}