OlympHill
magic-mcp logo

magic-mcpC’est comme v0 mais sur Cursor/WindSurf/Cline. Serveur Magic MCP 21st dev pour travailler avec votre frontend comme Magic

(0)
Daniel NikulshynÉvalué par Daniel Nikulshyn·Mis à jour juillet 2026

Aperçu

21st-dev Magic AI Agent Magic Component Platform (MCP) est un outil puissant alimenté par l'IA qui aide les développeurs à créer instantanément de magnifiques composants d'interface modernes grâce à des descriptions en langage naturel. Il s'intègre parfaitement aux IDEs populaires et offre un flux de travail simplifié pour le développement UI. Pour utiliser magic-mcp, les utilisateurs doivent être connectés afin de modifier les paramètres de notification du projet. Les développeurs peuvent créer des composants UI en les décrivant en langage naturel via la fonction "Tell Agent What You Need". Magic MCP construit alors instantanément un composant UI soigné inspiré de la bibliothèque 21st.dev. Pour l'intégration avec les IDEs, les développeurs doivent installer un client compatible, tel que Cursor, Windsurf, ou VSCode avec l'extension Cline. Pour installer MCP, on peut choisir parmi trois méthodes : installation CLI via la commande "npx @21st-dev/cli@latest install", configuration manuelle via le fichier de configuration MCP de l'IDE, ou installation en un clic via les boutons d'installation dans VS Code. L'outil prend en charge des fonctionnalités telles que l'aperçu en temps réel, TypeScript, et l'accès à une vaste bibliothèque d'actifs de marque professionnels et de logos.

Fonctionnalités clés

  • Génération UI alimentée par l'IA
  • Support multi-IDE
  • Bibliothèque de composants modernes
  • Aperçu en temps réel
  • Support TypeScript
  • Intégration SVGL

Tarifs

Modèle
Free
Catégorie
Serveurs MCP
Note
Pas encore d’avis

Cas d’usage

Développement UI rapide

Les développeurs peuvent créer rapidement des composants UI en les décrivant en langage naturel, ce qui simplifie le processus de développement.

Création de composants personnalisés

Les utilisateurs peuvent générer des composants UI personnalisés avec des exigences spécifiques, comme un design responsive, et les intégrer dans leurs projets.

Pour & contre

Pour

  • Génération UI alimentée par l'IA pour une création instantanée de composants
  • Intégration transparente avec les IDEs populaires
  • Accès à une vaste collection de composants préconstruits et personnalisables

Contre

  • Nécessite une clé API Magic 21st.dev pour l'utilisation
  • Certaines fonctionnalités, comme l'amélioration de composants, sont encore en développement

Avis

Connecte-toi pour laisser un avis.

Pas encore d’avis. Sois le premier !

Questions & réponses

Are there any limitations to using magic-mcp?

Yes, magic-mcp requires a 21st.dev Magic API key for use and some features are still in development.

Asked by Ahmed Saleh · Aug 16, 2025

How do I create UI components with magic-mcp?

You can create UI components by describing them in natural language using the 'Tell Agent What You Need' feature.

Asked by Kalinda Reddy · Jul 22, 2025

Which IDEs are supported by magic-mcp?

Magic-mcp supports popular IDEs, including those with Cursor, Windsurf, or VSCode with the Cline extension.

Asked by Ximenez Alvarado · Jul 22, 2025

What is the cost of using magic-mcp?

The provided details do not include pricing information for magic-mcp.

Asked by Ivana Novak · Jun 30, 2025

Poser une question

Alternatives à Serveurs MCP