Spotify 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.
| Spotify MCP Control Spotify playback, search, queue, and playlists from Claude or any MCP client. Unverified stdio (local) OAuth Python | 21st.dev Magic MCP Generate beautiful, modern UI components from natural-language descriptions inside your IDE. Unverified stdio (local) API key TypeScript | |
|---|---|---|
| Category | Design & Media | Design & Media |
| Language | Python | TypeScript |
| Transport | stdio (local) | stdio (local) |
| Auth | OAuth | API key |
| GitHub stars | 606 | 5.2k |
| Last commit | 3 months ago | 4 months ago |
| Verified | ||
| Actively maintained | ||
| Install | — | npx @21st-dev/cli@latest install <client> --api-key <key> |
| Repo | Open | Open |
Verdict
Pick Spotify MCP if you prefer its approach (control spotify playback, search, queue, and playlists from claude or any mcp client).
Pick 21st.dev Magic MCP if you want the official, vendor-maintained server, and you prefer the more popular, battle-tested option.
Add Spotify MCP
Paste into ~/Library/Application Support/Claude/claude_desktop_config.json
{
"mcpServers": {
"spotify-mcp": {
"command": "uvx",
"args": [
"--python",
"3.12",
"--from",
"git+https://github.com/varunneal/spotify-mcp",
"spotify-mcp"
],
"env": {
"SPOTIFY_CLIENT_ID": "YOUR_CLIENT_ID",
"SPOTIFY_CLIENT_SECRET": "YOUR_CLIENT_SECRET",
"SPOTIFY_REDIRECT_URI": "http://127.0.0.1:8080/callback"
}
}
}
}Requires `uv` (the Python package runner). Install it from https://docs.astral.sh/uv/ if `uvx` is not found.
Add 21st.dev Magic MCP
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
Spotify MCP or 21st.dev Magic MCP — which is better?
Pick Spotify MCP if you prefer its approach (control spotify playback, search, queue, and playlists from claude or any mcp client). 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 Spotify 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 Spotify 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.