Aperçus d'assistant : voyez chaque direction en vrai avant de générer
Aperçus d'assistant (page autonome + données JSON) une fonctionnalité du module AI Studio Design de Clustraly. Les aperçus d'assistant rendent chaque direction depuis le cache compilé : en carte via données JSON, ou en page autonome complète dans un nouvel onglet.
Chaque carte de direction porte deux aperçus : un rendu intégré via données JSON et une page autonome complète dans un nouvel onglet. Vous jugez le design réel avant d'engager la moindre génération.
Le design réel sous les yeux, pas une approximation
L'assistant vous propose 4 directions ; à vous de décider laquelle mérite d'aller plus loin. Chaque carte porte deux aperçus qui rendent le design réel pas une maquette grossière depuis la direction déjà compilée en cache. Vous choisissez en connaissance de cause, sans lancer la moindre génération de thème.
- Le design réel, rendu depuis le cache compilé
- Deux vues par carte : intégrée et plein écran
- Aucune génération engagée pour prévisualiser
- L'IA propose 4 pistes, vous tranchez
Deux endpoints GET adossés à chaque carte
Le premier, preview, ouvre la direction en page autonome complète dans un nouvel onglet. Le second, previewData, renvoie le CSS, le HTML et le mode d'aperçu en JSON pour peindre l'hôte shadow-DOM directement dans la carte. Le rendu passe par PreviewRenderer, qui lit la direction déjà compilée : les deux vues partagent la même source, sans relancer de génération.
- preview : page autonome dans un nouvel onglet
- previewData : CSS/HTML/mode renvoyés en JSON
- Rendu par PreviewRenderer depuis le cache
- Une seule direction compilée, deux vues
Mode, langue et nom de site déjà appliqués
La page autonome applique le mode clair ou sombre, la locale de sortie et le nom du site à l'aperçu : vous voyez la direction telle qu'elle se présentera, à taille réelle. Dans la carte, l'aperçu vit dans un hôte shadow-DOM aux styles cloisonnés le design s'affiche fidèlement sans déborder sur l'admin, ni se laisser déformer par lui.
- Mode clair/sombre appliqué à l'aperçu
- Locale de sortie reflétée dans le rendu
- Nom du site injecté dans la page
- Hôte shadow-DOM aux styles isolés
Comparez les pistes, puis ouvrez la bonne en grand
Balayez les 4 directions côte à côte dans leurs cartes, repérez celle qui accroche, puis ouvrez-la en page autonome pour la juger à taille réelle et la faire défiler comme une vraie page. Vérifiez au passage son rendu en mode sombre ou dans la langue de votre site avant de vous engager.
- Comparer les 4 directions en un coup d'œil
- Ouvrir la favorite en plein écran pour trancher
- Contrôler le rendu sombre ou multilingue
- Faire défiler une vraie page, pas une vignette
Un accès borné et validé, par conception
Chaque appel est protégé : le token d'assistant est validé comme 16 caractères hexadécimaux, et l'index de direction est borné à 0..3. Un lien mal formé ou une direction inexistante est refusé d'emblée. Les aperçus restent cantonnés à votre session d'assistant, derrière l'authentification et la permission du studio.
- Token validé : 16 caractères hexadécimaux
- Index de direction borné à 0..3
- Requêtes mal formées refusées d'emblée
- Derrière l'authentification et la permission du studio
L'IA propose, vous décidez
Les aperçus ne génèrent rien et ne modifient rien. Ils rendent fidèlement ce que l'assistant a déjà compilé carte intégrée ou page autonome, mode et langue compris pour que la décision d'aller plus loin reste la vôtre.
Questions fréquentes
Prévisualiser consomme-t-il une génération ?
Quelle différence entre preview et previewData ?
Puis-je voir un aperçu en mode sombre ou dans une autre langue ?
Comment l'accès aux aperçus est-il sécurisé ?
Fonctionnalités liées
Décidez sur pièces, pas sur promesse
Ouvrez chaque direction en vrai dans sa carte via données JSON ou en page autonome complète avec le mode, la langue et le nom déjà appliqués. Vous ne générez un thème que lorsque l'aperçu vous a convaincu.