DAUB MCP Server Permet à Claude de Générer et Rendre des Interfaces Utilisateur via des Spécifications JSON
DAUB est un serveur MCP conçu spécifiquement pour Claude qui contourne le flux de travail traditionnel de développement d'interface utilisateur où Claude génère du code (comme JSX/HTML) que les développeurs copient, collent, compilent et déboguent. Au lieu de cela, Claude peut directement générer et afficher des interfaces utilisateur complètes.
Fonctionnement
Lors de l'utilisation de Claude avec DAUB, le flux de travail est :
- Claude appelle
generate_ui("J'ai besoin d'un tableau de bord avec un graphique des dépenses, des filtres et un tableau de données") - Le serveur MCP de DAUB génère une spécification JSON structurée
- DAUB affiche cette spécification comme une interface en direct immédiatement—aucune compilation ni copier-coller requis
- Claude peut ensuite appeler
validate_specourender_specpour itérer sur la conception sur plusieurs tours de conversation
Outils du serveur MCP
Le serveur MCP, qui fonctionne sur Cloudflare edge, expose quatre outils spécifiques :
generate_ui: Convertit les descriptions en langage naturel en interfaces affichéesrender_spec: Prend une spécification JSON et renvoie un rendu en directvalidate_spec: Permet à Claude de vérifier sa propre sortie avant l'affichageget_component_catalog: Permet à Claude de parcourir 76 composants dans 34 catégories pour sélectionner les éléments d'interface appropriés
Détails techniques
Le format de spécification JSON est intentionnellement simple pour garantir que Claude puisse le produire de manière fiable. Il couvre la mise en page, la typographie, les formulaires, les tableaux, la navigation, l'affichage des données et les superpositions. Claude peut comparer les spécifications entre les tours et itérer sans repartir de zéro.
Le côté rendu ne nécessite que deux fichiers CDN : daub.css et daub.js. Il inclut 20 familles de thèmes visuels et ne nécessite aucune étape de construction.
L'ensemble du projet a été construit avec Claude Code pendant le développement, le format de spécification ayant été fortement itéré avec Claude pour garantir une génération cohérente sans inventer de noms de composants.
Disponibilité
DAUB est gratuit. Le dépôt GitHub est disponible à https://github.com/sliday/daub, et il y a un terrain de jeu à https://daub.dev/playground.html où vous pouvez l'essayer sans Claude. Une feuille de route est disponible à https://daub.dev/roadmap.
📖 Read the full source: r/ClaudeAI
👀 See Also
Passage des règles CLAUDE.md à l'application par l'infrastructure avec Citadel
Un développeur a constaté qu'ajouter plus de règles au fichier CLAUDE.md au-delà d'environ 100 lignes réduisait la conformité, avec 40% de redondance dans son fichier. La solution a été de déplacer l'application des règles des instructions vers l'infrastructure en utilisant des hooks de cycle de vie, des compétences et des fichiers de campagne, aboutissant au système open-source Citadel.
PocketBot Beta : Agent IA iOS axé sur la confidentialité avec moteur hybride local/cloud
PocketBot est un agent d'IA iOS qui fonctionne en arrière-plan, s'intègre aux App Intents, et utilise un moteur hybride : exécution locale pour les déclencheurs système et l'anonymisation des données personnelles, avec traitement cloud pour les tâches complexes comme la synthèse d'e-mails ou la réservation de vols.
Compétences Open Source Claude pour les Product Managers : Générateur de PRD, User Stories, Comptes-rendus de Réunion
Un développeur a publié cinq compétences gratuites pour Claude AI destinées aux chefs de produit, générant des fichiers .docx formatés pour les PRD, les user stories, la synthèse de réunions, la recherche de marché et les mises à jour des parties prenantes. Les outils évitent le contenu halluciné et utilisent des modèles structurés.
Mentor de Carrière Multi-Agents Construit avec Ollama et MCP pour l'IA Locale
Un développeur a construit un système d'IA à 5 agents qui analyse les CV et génère des rapports d'intelligence de carrière en utilisant Ollama avec llama3 localement. Le système enchaîne les sorties des agents de sorte que chacun s'appuie sur le contexte précédent, avec MCP gérant l'intégration des outils.