21st.dev Magic MCP
76/100
@21st-devFrontend generation MCP server for creating UI components and app interfaces from prompts inside AI IDEs and coding agents.
Review Scores
Security24/35
Maintain.28/35
Usability24/30
Evidence:
medium
Reviewed May 1, 2026Drifted
Reviewed Version
main@2026-05-01
Latest Version
0.0.29(drift)
Freshness
Reviewed on main@2026-05-01; latest is 0.0.29.
Scores reflect the version reviewed and may change with updates.
Security Audit - 2 Findings
Audited May 1, 2026
api-key-required
code-generation
Live verification
⚠ NEEDS CONFIG @0.0.29Jun 13, 2026$ cldkit mcp-test magic-mcp
install command contains placeholder arguments (install <client> --api-key <key>); the server needs user-specific config to start
Prepare the required credentials before installing — the server starts but cannot run without them.
Overview
When to Use
When NOT to Use
Configuration
Add to your Claude Desktop config:
npx @21st-dev/cli@latest install <client> --api-key <key>Troubleshooting
Scenes
Tags
Used in Recipes
- Frontend AI Design Studio(Generates frontend components through MCP)