// Call external services (MCP)
magic-mcpv0.2.3
It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right from your editor. Magic MCP is now the 21st MCP; this package keeps old configs working. Setup: 21st.dev/mcp
Open source Maintained For agents
IN ONE PARAGRAPH
magic-mcp is it's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right from your editor. Magic MCP is now the 21st MCP; this package keeps old configs working. Setup: 21st.dev/mcp.
Good for: Developers who want their agent (Claude Code, Codex, Cursor…) to call external services (mcp).
01How to start
- 1Read the official README for requirements and permissions.
- 2Install it as the official guide describes.
- 3Add it to your agent’s MCP config — Claude Code:
claude mcp add; Cursor:.cursor/mcp.json; Codex:~/.codex/config.toml.
02Alternatives & comparison
Compare side by side →03Related
- ›Hugging Face AI Agents Course · Hugging FaceMultilingual (incl. EN/ZH)
- ›huggingface/agents-course · Hugging FaceEnglish
- ›AI Agents for Beginners · MicrosoftMultilingual (incl. EN/ZH)
- ›Building effective agents · AnthropicEnglish
- ›OpenAI: A practical guide to building agents · OpenAIEnglish
- All tutorials →
Versions, why it is listed, for AI to read
Recent releases
- v0.2.3 2026-09-09
For AI agents
- Interfaces：MCP
- Machine-readable record：/api/v1/software/magic-mcp.json · llms.txt
- Added 2026-10-10 · updated 2026-10-22