MCP Directory

MeiGen AI Design MCP vs 21st.dev Magic MCP

A side-by-side comparison of two Design & Media servers — tools, transport, auth, maintenance, and copy-paste config for each.

 MeiGen AI Design MCP

MCP server for AI image & video generation across 9 models, with a 1,446-prompt library and parallel sub-agent orchestration.

Unverified
stdio (local)
API key
TypeScript
21st.dev Magic MCP

Generate beautiful, modern UI components from natural-language descriptions inside your IDE.

Unverified
stdio (local)
API key
TypeScript
CategoryDesign & MediaDesign & Media
LanguageTypeScriptTypeScript
Transportstdio (local)stdio (local)
AuthAPI keyAPI key
GitHub stars1.5k5.2k
Last commit1 month ago4 months ago
Verified
Actively maintained
Installnpx -y meigen@1.3.2npx @21st-dev/cli@latest install <client> --api-key <key>
RepoOpen Open

Verdict

Pick MeiGen AI Design MCP if you need the broadest set of tools.

Pick 21st.dev Magic MCP if you want the official, vendor-maintained server, and you prefer the more popular, battle-tested option.

Add MeiGen AI Design MCP

Install / run
npx -y meigen@1.3.2

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "meigen-ai-design-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "meigen@1.3.2"
      ],
      "env": {
        "MEIGEN_API_TOKEN": "meigen_sk_..."
      }
    }
  }
}

Add 21st.dev Magic MCP

Install / run
npx @21st-dev/cli@latest install <client> --api-key <key>

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "21st-dev-magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@21st-dev/magic@latest",
        "API_KEY=\"your-api-key\""
      ]
    }
  }
}

FAQ

MeiGen AI Design MCP or 21st.dev Magic MCP — which is better?

Pick MeiGen AI Design MCP if you need the broadest set of tools. Pick 21st.dev Magic MCP if you want the official, vendor-maintained server, and you prefer the more popular, battle-tested option.

Can I use both MeiGen AI Design MCP and 21st.dev Magic MCP?

Yes — MCP clients let you enable multiple servers at once. Add both configs to your client's mcpServers and use whichever tool fits the task.

Do MeiGen AI Design MCP and 21st.dev Magic MCP work with Claude, Cursor and Windsurf?

Both do. Copy the per-client config below into Claude Desktop, Cursor, or Windsurf.