21st.dev Magic MCP
HotAI 驱动的 UI 组件平台，通过自然语言在 Cursor/Windsurf 中生成现代 React/Tailwind 组件。
21st.dev Magic MCP is an MCP server for Dev Tools work. AI 驱动的 UI 组件平台，通过自然语言在 Cursor/Windsurf 中生成现代 React/Tailwind 组件。 Tags: UI组件 · React · Tailwind · Cursor · AI生成.
What is 21st.dev Magic MCP
21st.dev Magic MCP exposes Dev Tools capabilities to MCP clients. AI 驱动的 UI 组件平台，通过自然语言在 Cursor/Windsurf 中生成现代 React/Tailwind 组件。
Install 21st.dev Magic MCP in Cursor / Claude / Codex
Cursor Open Cursor MCP settings (or user/project mcp.json) and add the server config on this page. If only a start command exists, put command/args into a Cursor MCP entry.
Claude Desktop Add the config to claude_desktop_config.json and restart Claude Desktop.
Codex Add the same command/args or JSON snippet to Codex MCP config. File location depends on your Codex version.
Claude Desktop Configuration
Add the following to Claude Desktop’s claude_desktop_config.json:
npx -y @21st-dev/magic@latestTags
Similar recommendations
Memory MCP Server
官方知识图谱记忆服务器，提供持久化记忆系统，让 AI 跨会话存储实体、关系与事实。
Sequential Thinking MCP Server
官方顺序思考服务器，通过动态、反思式的思维序列帮助 AI 进行复杂分步推理与问题求解。
Time MCP Server
官方时间服务器，提供当前时间查询与时区转换能力，让 AI 感知时间上下文。
Everything MCP Server
官方参考/测试服务器，集成 prompts、resources 与 tools，用于演示 MCP 的全部特性。
Sentry MCP Server
官方 Sentry 服务器（已归档），检索与分析 Sentry.io 上的错误与性能问题。
Postman MCP Server
Postman 官方服务器，搜索与执行 API 集合，让 AI 直接调用测试已定义的接口。
FAQ
What problem does 21st.dev Magic MCP solve?
21st.dev Magic MCP focuses on Dev Tools. AI 驱动的 UI 组件平台，通过自然语言在 Cursor/Windsurf 中生成现代 React/Tailwind 组件。
How do I connect 21st.dev Magic MCP to my editor?
Use the command or JSON in the install section. If none is listed, follow the project home. Do not paste config from unknown sources.
What similar MCP servers exist?
The related list comes from the same Dev Tools group so you can compare scope.