Éditez votre thème d'un clic : la coquille de l'éditeur canvas (cliquer + décrire)
Coquille de l'éditeur canvas (cliquer + décrire) une fonctionnalité du module AI Studio Design de Clustraly. La coquille de l'éditeur canvas affiche votre thème en direct : cliquez n'importe quel élément pour le sélectionner, puis éditez ou décrivez le changement.
L'ossature de l'éditeur visuel d'AI Studio Design : un aperçu live où vous cliquez ce que vous voyez, avec bascules d'affichage, fil d'Ariane du chemin sélectionné et chronologie d'historique.
Votre thème en direct, cliquable élément par élément
Vous voyez votre thème tel qu'il s'affichera, pas une abstraction. Cliquez n'importe quel élément de l'aperçu pour le sélectionner et passer à l'édition, sans quitter la page.
L'aperçu vit dans un shadow-DOM cloisonné : ses styles n'interfèrent pas avec l'admin, et l'admin ne déteint pas sur lui.
- Aperçu live en shadow-DOM à styles cloisonnés
- Clic direct sur n'importe quel élément visible
- De la sélection à l'édition sans changer d'écran
Chaque élément a une adresse, chaque clic sait où il pointe
Cliquez un titre, une section ou un bouton : la coquille résout son chemin exact (data-aisd-path) et vous montre où vous êtes.
Un fil d'Ariane affiche le chemin du nœud sélectionné, du plus général au plus précis. Vous éditez toujours l'élément que vous croyez éditer.
- Nœuds adressables par data-aisd-path
- Fil d'Ariane du chemin du nœud sélectionné
- Aucun doute sur l'élément en cours d'édition
Sélectionnez d'un clic, puis éditez ou décrivez
Une fois un élément sélectionné, vous avez deux chemins : régler ses options dans le panneau contextuel, ou décrire le changement en langage naturel dans la barre de prompt.
L'IA propose, vous décidez : la coquille sépare la sélection de l'action, et rien ne bascule dans votre thème sans votre validation.
- Réglez au panneau, ou décrivez le changement
- Le prompt cible le nœud que vous avez sélectionné
- L'IA propose, vous gardez le dernier mot
Testez chaque largeur, chaque mode, chaque sens de lecture
Basculez l'aperçu entre 375, 768 et 1440 pixels pour vérifier mobile, tablette et desktop. Alternez light et dark, LTR et RTL, et ouvrez le panneau Direction artistique.
Tout se passe sur le même canvas, sans quitter l'éditeur : vous validez le rendu dans chaque contexte avant d'y toucher.
- Largeurs de viewport 375 / 768 / 1440
- Modes light / dark et sens de lecture LTR / RTL
- Ouverture directe du panneau Direction artistique
Une chronologie de snapshots, le point courant surligné
Chaque état de votre travail apparaît dans une chronologie d'historique. Le snapshot courant y est surligné, vous repérez d'un coup d'œil où vous en êtes.
Vous vous déplacez dans l'historique en confiance, avec un repère clair de votre position à tout moment.
- Chronologie des snapshots du plan de travail
- Snapshot courant clairement surligné
- Repère visuel de votre position dans l'historique
Un atelier isolé, servi uniquement là où il doit l'être
La coquille ne se charge que sur les pages AISD, derrière authentification et permission aisd.use. Ses assets sont injectés via le hook admin.head avec un nonce CSP.
L'éditeur ne touche jamais les fichiers du cœur : c'est un atelier branché par hooks, pas une greffe dans votre CMS.
- Assets CSP-nonced, injectés sur les pages AISD uniquement
- Derrière auth + permission aisd.use
- Zéro modification des fichiers du cœur
L'IA propose, vous décidez à chaque clic
La coquille de l'éditeur canvas réunit sélection, aperçu et historique au même endroit. Vous cliquez ce que vous voyez, vous décrivez ce que vous voulez, et vous gardez la main sur chaque changement avant qu'il ne s'inscrive dans votre thème.
Questions fréquentes
Qu'est-ce que la coquille de l'éditeur canvas (cliquer + décrire) ?
Comment sélectionner un élément à éditer ?
Puis-je prévisualiser sur mobile, en dark ou en RTL ?
Mes changements sont-ils appliqués automatiquement ?
Fonctionnalités liées
Cliquez ce que vous voyez, décrivez ce que vous voulez
La coquille de l'éditeur canvas transforme l'édition de thème en un geste direct : un clic pour sélectionner, un panneau ou une phrase pour changer, une chronologie pour ne rien perdre. Bascules mobile, dark et RTL vous laissent vérifier chaque contexte sur un aperçu fidèle, pendant que tout reste sous votre contrôle.