magic-mcpDet er som v0, men i din Cursor/WindSurf/Cline. 21st.dev Magic MCP-server for å jobbe med frontend som Magic

21st-dev Magic AI Agent Magic Component Platform (MCP) er et kraftig AI-drevet verktøy som hjelper utviklere å lage vakre, moderne UI‑komponenter umiddelbart gjennom naturlige språkbeskrivelser. Det integreres sømløst med populære IDE‑er og gir en strømlinjeformet arbeidsflyt for UI‑utvikling. For å bruke magic-mcp, må brukere være logget inn for å endre varslinginnstillinger for prosjektet. Utviklere kan lage UI‑komponenter ved å beskrive dem i naturlig språk ved hjelp av funksjonen ‘Tell Agent What You Need’. Magic MCP bygger deretter umiddelbart en polert UI‑komponent inspirert av 21st.dev’s bibliotek. Til integrasjon med IDE‑er må utviklere installere en støttet klient, som Cursor, Windsurf eller VSCode med Cline‑utvidelsen. For å installere MCP kan man velge blant tre metoder: CLI‑installasjon ved å bruke kommandoen 'npx @21st-dev/cli@latest install', manuell konfigurasjon gjennom IDE‑ens MCP‑konfigurasjonsfil, eller én‑klikk‑installasjon via installasjonsknappene i VS Code. Verktøyet støtter funksjoner som sanntids forhåndsvisning, TypeScript og tilgang til et omfattende bibliotek av profesjonelle merkevareressurser og logoer.