DAISYUI BLUEPRINT : framework tailwind css super esthetique

https://daisyui.com/blueprint

📌 DAISYUI BLUEPRINT est un serveur MCP qui sert à générer du code daisyUI fiable, à la demande, directement depuis un LLM et un éditeur de code.

L’idée centrale consiste à arrêter de “deviner” l’UI. Un modèle de langage produit souvent du code cassé, dépassé, ou moyen, parce qu’il manque de contexte précis au bon moment (spécifications, composants, variantes, tokens, exemples, bonnes pratiques).

Ce serveur MCP apporte exactement ce contexte quand il faut, via des outils, des prompts et des ressources “on-demand”, synchronisés avec daisyUI, afin de réduire l’hallucination et d’augmenter la qualité du résultat.

• ⚡ Génération daisyUI annoncée jusqu’à 10× plus rapide
• ✅ Qualité du code annoncée jusqu’à 10× meilleure
• 💸 Coût token annoncé jusqu’à 90% plus bas
• ♾️ Génération “illimitée” de blocs UI daisyUI, compatible avec n’importe quel éditeur et n’importe quel LLM
• 🔁 Conversion possible depuis Image, Figma, Tailwind CSS, Bootstrap vers du daisyUI

Le fonctionnement repose sur une approche “right time, right place” : au lieu d’injecter un énorme fichier de doc (qui finit ignoré), le protocole MCP permet de demander uniquement les ressources nécessaires au moment exact où le code doit être produit.

Dans un cas concret, une simple demande comme “Créer un formulaire de login daisyUI avec validation, checkbox ‘remember me’ et lien ‘forgot password’” peut aboutir à un HTML structuré autour des composants attendus (card, input, button, link, checkbox, validator), avec des variantes cohérentes (ex. checkbox-sm) pour éviter les problèmes d’alignement.

L’exemple typique ressemble à une page centrée avec un body en bg-base-200, une card en bg-base-100, un titre “Login”, puis un formulaire comprenant un champ email validé, un champ password avec contrainte de longueur, une zone “Remember me” + “Forgot password?”, et un bouton de soumission en pleine largeur.

La promesse affichée est simple : moins de recherche web approximative, moins de code “slop”, moins de context noise, et plus de code conforme aux composants daisyUI actuels.

L’intégration se fait côté éditeur ou outil LLM via une configuration MCP.

Dans VS Code, l’approche passe par la configuration “MCP: Open User Configuration” avec un serveur daisyui-blueprint en stdio, exécuté via npx, et des variables d’environnement LICENSE et EMAIL à renseigner.

Dans Cursor, le principe reste identique : ajout du serveur MCP et des mêmes variables d’environnement.

Dans Claude Code, une commande claude mcp add permet d’enregistrer le serveur, avec une variable optionnelle FIGMA si la conversion Figma vers code est utilisée.

Une FAQ mentionne des licences mensuelles, annuelles ou à vie, la réception d’une clé par email, des mises à jour automatiques, l’annulation possible des abonnements, et un support orienté Discord / email selon les cas.

Au final, ce type de MCP server vise à transformer la génération UI en un flux plus “ingénierie”, où le LLM récupère des composants, specs et exemples vérifiés avant d’écrire le HTML, plutôt que d’improviser une implémentation à partir de souvenirs incomplets.