Magic MCP

Magic MCP

Développement
21st-dev/magic-mcp5,562 étoiles
21st-dev
claudecursorvscodewindsurfcodexgeneric
FreeAPI

À propos de ce serveur

Le serveur Magic MCP de 21st-dev. Permet aux agents IA de rechercher plus de 10 000 composants React/Tailwind pendant le codage, générant directement du code UI prêt pour la production. C'est comme avoir v0 intégré dans votre IDE.

Installation

npx -y @21st-dev/magic-mcp

Questions fréquentes

Que peut faire Magic MCP ?

Pendant le codage, les agents IA peuvent rechercher plus de 10 000 bibliothèques de composants React/Tailwind de haute qualité, trouver le composant UI adapté à votre besoin actuel et générer le code directement. Inclut boutons, formulaires, navigation, cartes, modales et motifs UI courants — réduisant le temps passé à écrire des styles from scratch.

Magic MCP a-t-il besoin d'une clé API ?

Oui. Inscrivez-vous sur 21st.dev pour obtenir une clé API et passez-la avec --api-key. Magic MCP offre un niveau gratuit pour le développement et les tests, avec une facturation à l'usage au-delà.

En quoi Magic MCP diffère-t-il de v0 ?

v0 est un outil web nécessitant du copier-coller. Magic MCP s'intègre directement dans votre IDE — les agents IA recherchent et génèrent automatiquement du code de composants pendant le codage sans quitter votre éditeur. La bibliothèque de composants est également organisée pour une utilisation dans des projets réels.