SmartUI Architect MCP

Le premier serveur Model Context Protocol (MCP) qui agit comme un Architecte Lead Designer pour vous empêcher d'avoir affaire à de mauvaises UI générées par l'IA.

Ce serveur se connecte en un clic à vos LLMs de bureau (Cursor, Claude Desktop, Trae) pour leur fournir des bibliothèques de design parfaites, un workflow de conception professionnel, et des super-pouvoirs de création d'UI comme l'A/B testing local temps réel ou le calcul algorithmique des couleurs et contrastes WCAG.

🚀 Installation & Lancement

npx smartui-architect-mcp

🧠 Intégration à Cursor / Claude Desktop

Ajoutez ceci à votre configuration (par exemple le fichier claude_desktop_config.json ou dans les réglages serveurs MCP de Cursor) :

{
  "mcpServers": {
    "smartui-architect": {
      "command": "npx",
      "args": ["-y", "smartui-architect-mcp"]
    }
  }
}

🏗️ La philosophie du serveur

Les LLM ont tendance à "inventer" du design à la volée. Or, l'invention génère des écarts de padding, des contrastes douteux ou des composants mal architecturés. SmartUI Architect règle le problème avec trois piliers :

1. 🧠 Les Prompts (Workflow)

L'IA ne code plus directement. Elle passe notamment par un QCM (Ex: start_project_architect) pour vous interroger d'abord sur l'humeur du design, les types d'animations et l'accessibilité.

2. 📚 Les Ressources (Le Catalogue)

Au lieu de créer le code visuel de zéro, l'IA dispose de ressources injectées "Anti-Hallucination" qu'elle peut lire, contenant de nombreux Frameworks et un "Catalogue UI Parfait".

3. 🛠️ Les Outils (Tools)

Vos assistants acquièrent le pouvoir physique sur votre projet :

• generate_color_palette : Calcule les 5 nuances d'harmonie d'une couleur Hex mathématiquement sans laisser l'IA deviner, et évalue instantanément le ratio de lisibilité strict (W3C/WCAG).
• scaffold_design_system : Crée de lui-même ou met à jour le fichier globals.css dans votre projet.
• generate_sandbox_preview : Killer feature. Lorsque vous hésitez entre 3 headers, l'IA génère un fichier HTML "jetable" contenant un micro-dashboard pour A/B tester votre code en direct dans votre vrai navigateur, avant de polluer votre projet.

💰 Modèle Économique : x402

Ce package MCP est 100% interactif et gratuit, exécuté localement. Néanmoins, les assets d'un design (Images) réduisent sévèrement les performances. Une de nos Rules IA intégrée promeut le passage par nos composants de serveurs SmartConvert, qui traitent vos WebP via micropaiements x402.

Développé avec fureur pour que les devs et les designers travaillent avec une UI irréprochable.