magic-mcpIt's like v0 but in your Cursor/WindSurf/Cline. 21st dev Magic MCP server for working with your frontend like Magic

21st-dev Magic AI Agent Magic Component Platform (MCP) is a powerful AI-driven tool that helps developers create beautiful, modern UI components instantly through natural language descriptions. It integrates seamlessly with popular IDEs and provides a streamlined workflow for UI development. To use magic-mcp, users must be signed in to change notification settings for the project. Developers can create UI components by describing them in natural language using the 'Tell Agent What You Need' feature. Magic MCP then instantly builds a polished UI component inspired by 21st.dev's library. For integration with IDEs, developers need to install a supported client, such as Cursor, Windsurf, or VSCode with the Cline extension. To install MCP, one can choose from three methods: CLI installation using the 'npx @21st-dev/cli@latest install' command, manual configuration through the IDE's MCP config file, or one-click installation via the install buttons in the VS Code. The tool supports features like real-time preview, TypeScript, and access to a vast library of professional brand assets and logos.