Un design cohérent et accessible avec le Moteur du cœur presets design & SkinEngine
Moteur du cœur presets design & SkinEngine une fonctionnalité du module Theme Studio (IA) de Clustraly. Le Moteur du cœur, noyau UI/UX de Theme Studio, recherche et recommande un design-system, convertit vos palettes en WCAG-AA et mappe des polices auto-hébergées.
Le noyau UI/UX de Theme Studio : recherche de design-system, palettes WCAG-AA et polices auto-hébergées, partagés par l'assistant et l'éditeur de blocs.
Un design-system recommandé, pas improvisé
Décrivez votre projet : le Moteur du cœur interroge ses datasets UI/UX curés et vous propose un design-system complet styles, couleurs, typographies, règles. L'IA propose, vous décidez de ce que vous gardez.
Sous le capot, une recherche BM25 classe les résultats sur un dataset précis ou sur l'ensemble, à partir de styles.csv, colors.csv (tokens shadcn), typography.csv et ui-reasoning.csv.
- Recherche BM25 sur un ou tous les datasets
- Recommandation complète de design-system pour un brief
- Datasets curés en lecture seule : styles, couleurs, typo, règles
Des couleurs converties en WCAG-AA, automatiquement
Partez d'une palette shadcn : le SkinEngine la convertit dans le contrat theme.json 19 clés déclinées en clair et sombre et auto-ajuste chaque couleur pour respecter le contraste WCAG AA. Vos textes restent lisibles sans réglage manuel.
Le moteur calcule le ratio de contraste selon WCAG 2.1, à la source, avant même la compilation du thème.
- Palette shadcn → contrat theme.json (19 clés × clair/sombre)
- Auto-ajustement WCAG AA des couleurs
- Ratio de contraste calculé selon WCAG 2.1
Des polices auto-hébergées, jamais chez un tiers
Le moteur mappe chaque famille de police sur une fonte auto-hébergée. Aucune requête n'est envoyée à Google Fonts : vos pages ne dépendent d'aucun service externe pour afficher leur typographie.
Vous choisissez parmi des pairings typographiques curés ; le moteur se charge de la correspondance technique.
- Mapping vers des familles de polices auto-hébergées
- Aucune requête vers Google Fonts
- Pairings typographiques curés
Les mêmes presets, de l'assistant à l'éditeur
SkinPresets expose les swatches de palette curées, 5 pairings typographiques et les dimensions raffinables densité, rayon, motion. L'assistant et l'éditeur de blocs puisent dans le même vocabulaire, donc vos choix restent cohérents d'un bout à l'autre.
- Swatches de palette curées
- 5 pairings typographiques
- Dimensions raffinables : densité, rayon, motion
- Partagé par l'assistant et l'éditeur de blocs
Un noyau borné, algorithmique et honnête
Le Moteur du cœur est le noyau du Studio distinct du plugin et travaille sur des datasets en lecture seule. La recherche s'appuie sur BM25, un classement algorithmique et reproductible.
L'accessibilité est intégrée à la source et la souveraineté typographique garantie. Vous restez décideur à chaque étape.
- Noyau du Studio, distinct du plugin AI Studio Design
- Datasets UI/UX en lecture seule
- WCAG AA et polices auto-hébergées intégrés
L'IA propose, vous décidez
Le Moteur du cœur recherche, recommande et sécurise palettes WCAG-AA, polices auto-hébergées, presets partagés par l'assistant et l'éditeur. À chaque étape, la décision finale vous revient.
Questions fréquentes
Le Moteur du cœur, c'est le plugin AI Studio Design ?
Mes couleurs seront-elles accessibles ?
Est-ce que mes pages chargent des polices Google ?
Sur quoi repose la recommandation de design-system ?
Fonctionnalités liées
Assistant Étape 1 : Brief
Ouvrir l'assistant • Décrire le site • Choisir le type • Sélectionner la langue
DécouvrirAssistant Étape 2 : Propositions
Générer 3–4 propositions • Paginer • Prévisualiser • Choisir
DécouvrirAssistant Étape 3 : Refine (skin live)
Choisir palette • Choisir typo • Régler densité, coins, motion • Basculer clair/
DécouvrirUn socle design cohérent, accessible et souverain
Du brief au thème compilé, le Moteur du cœur presets design & SkinEngine garde vos couleurs accessibles, vos polices auto-hébergées et vos presets cohérents entre l'assistant et l'éditeur. L'IA propose, vous décidez.