magic-mcpHet is als v0 maar in je Cursor/WindSurf/Cline. 21e ontwikkelaar Magic MCP server voor het werken met je frontend als Magic

21st-dev Magic AI Agent Magic Component Platform (MCP) is een krachtige AI-aangedreven tool die ontwikkelaars helpt om prachtige, moderne UI-componenten onmiddellijk te maken via natuurlijke taalbeschrijvingen. Het integreert naadloos met populaire IDE's en biedt een gestroomlijnde workflow voor UI-ontwikkeling. Om magic-mcp te gebruiken, moeten gebruikers ingelogd zijn om de notificatie-instellingen voor het project te wijzigen. Ontwikkelaars kunnen UI-componenten maken door ze te beschrijven in natuurlijke taal met behulp van de functie 'Vertel Agent Wat Je Nodig Hebt'. Magic MCP bouwt vervolgens onmiddellijk een gepolijste UI-component geïnspireerd op de bibliotheek van 21st.dev. Voor integratie met IDE's moeten ontwikkelaars een ondersteunde client installeren, zoals Cursor, Windsurf of VSCode met de Cline-extensie. Om MCP te installeren, kan men kiezen uit drie methoden: CLI-installatie met de opdracht 'npx @21st-dev/cli@latest install', handmatige configuratie via het MCP-configuratiebestand van de IDE, of installatie met één klik via de installatieknoppen in VS Code. De tool ondersteunt functies zoals realtime preview, TypeScript en toegang tot een enorme bibliotheek met professionele merkactiva en logo's.