magic-mcpDet är som v0 men i din Cursor/WindSurf/Cline. 21st dev Magic MCP-server för arbete med din frontend som Magic

21st-dev Magic AI Agent Magic Component Platform (MCP) är ett kraftfullt AI-drivet verktyg som hjälper utvecklare att skapa vackra, moderna UI-komponenter direkt genom naturliga språkbeskrivningar. Det integrerar sömlöst med populära IDEer och erbjuder en strömlinjeformad arbetsflöde för UI-utveckling. För att använda magic-mcp måste användare vara inloggade för att ändra meddelandeinställningar för projektet. Utvecklare kan skapa användargränssnittskomponenter genom att beskriva dem med naturliga språk med funktionen 'Berätta för agenten vad du behöver'. Magic MCP skapar sedan direkt en polerad användargränssnittskomponent inspirerad av 21st.devs bibliotek. För integration med IDE:er måste utvecklare installera en kompatibel klient, såsom Cursor, Windsurf eller VSCode med Cline-tillägget. För att installera MCP kan man välja mellan tre metoder: CLI-installation med kommandot 'npx @21st-dev/cli@latest install', manuell konfiguration genom IDE:s MCP-konfigurationsfil eller enklicksinstallation via installationsknapparna i VS Code. Verktyget stöder funktioner som realtidsförhandsgranskning, TypeScript och tillgång till en omfattande bibliotek med professionella varumärkesbilder och logotyper.