Un éditeur de site web par IA doit rendre compréhensible une modification demandée sur la vitrine avant sa publication. Runner AI travaille à partir du projet de boutique actuel, d’un brief ciblé, d’images de référence facultatives et de l’élément que vous sélectionnez. Il produit des modifications des fichiers source et des aperçus responsive que vous pouvez examiner, corriger et enregistrer indépendamment de la publication.
Donnez à l’éditeur de site web par IA un brief de vitrine bien délimité
Commencez par la page et l’action client qui doivent changer. Nommez le problème actuel, le résultat visible souhaité et les parties de la boutique qui doivent rester stables. Une demande utile pourrait inviter Runner AI à rendre une collection plus facile à trouver depuis la page d’accueil tout en préservant la navigation, les données produit, le parcours vers le panier et le langage de marque existants. Ajoutez les états des appareils et le parcours de clics à vérifier plutôt que de demander une amélioration vague.
Les informations fournies peuvent inclure les fichiers actuels de la vitrine, les données vérifiées du catalogue, les textes approuvés, les règles de marque, une image de référence et la route ou la section concernée. Une image de référence constitue une preuve d’apparence, et non un substitut à la réalité du produit. Runner a toujours besoin d’informations exactes sur les produits, les prix, les règles de stock, les politiques, les destinations et les limites de responsabilité lorsqu’elles influencent le résultat. Si une image source ou un exemple appartient à un tiers, ne l’utilisez qu’avec les droits et autorisations nécessaires à votre projet.
Limitez chaque demande à un résultat cohérent. Si le premier résultat n’atteint pas l’objectif, indiquez la section exacte, expliquez l’état attendu et fournissez une référence plus claire si nécessaire. Vous créez ainsi un historique de vérification autour d’une modification précise au lieu de régénérer plusieurs fois un site entier. Pour un projet qui part d’une URL publique autorisée plutôt que d’une section de boutique existante, le clonage de site web par IA couvre le workflow distinct qui va de la capture au code ainsi que ses limites en matière de droits.
Sélectionnez un élément de la vitrine et préservez son contexte de code
Le Design Mode de Runner AI est destiné aux modifications visuelles ciblées sur la version actuelle et prête de la vitrine. Sur ordinateur, vous pouvez ouvrir la vitrine, passer en Design Mode et sélectionner un élément visible. L’élément sélectionné et le contexte de code qui l’entoure peuvent accompagner une instruction Ask Runner AI, ce qui limite la demande au composant réellement choisi. Cette méthode est utile lorsque « modifier ce titre » ou « remplacer cette image » est plus clair que de décrire son emplacement de mémoire.
Les commandes directes couvrent certaines modifications d’espacement, d’image et de texte ainsi que la suppression d’éléments. Le panneau d’image peut proposer des options d’import et de génération par IA pour les éléments multimédias pris en charge. Les commandes de texte permettent d’ajuster des propriétés telles que la taille, la graisse, la famille de police, la couleur, l’opacité et l’alignement. Annuler et Rétablir s’appliquent à l’historique actuel du Design Mode qui n’a pas encore été enregistré. Comme une demande à l’IA réinitialise la sélection et l’historique des modifications directes non enregistrées dès le début du traitement, enregistrez vos modifications directes en attente avant de passer des commandes directes à Ask Runner AI.
La disponibilité dépend de l’état du projet. Le Design Mode peut être indisponible si la dernière version de la vitrine n’est pas prête, si une version antérieure est affichée dans l’aperçu, si une autre demande est en cours, si la fonctionnalité n’est pas activée pour l’espace de travail ou si la mise en page utilisée n’est pas celle d’un ordinateur. Le chat Runner standard reste la voie appropriée pour les travaux sur plusieurs pages, les nouveaux comportements ou les fonctionnalités plus larges. L’éditeur ne doit pas être présenté comme une commande universelle qui contourne l’état de préparation du projet ou les restrictions d’accès aux fonctionnalités.
Examinez les modifications des fichiers source et les aperçus responsive
L’enregistrement d’une modification visuelle écrit la modification en attente dans le projet et peut créer un nouvel instantané de version lorsque le workflow actuel le permet. L’aperçu se recharge ensuite pour vous permettre de contrôler à nouveau le résultat visible. Examinez la page dans les mises en page PC, tablette et téléphone, puis suivez l’action client nommée dans le brief. Une section correcte à une largeur donnée peut encore tronquer du texte, masquer une commande, rompre une route ou placer une action produit dans une séquence peu pratique à une autre largeur.
Runner propose également un éditeur de code disponible sous certaines conditions pour examiner les fichiers de la vitrine qui alimentent l’aperçu. Sa vue Git sépare les fichiers enregistrés, les différences, la préparation, les commits et les pushes. Cette séparation est importante : un fichier enregistré n’est pas automatiquement inclus dans un commit, un commit n’est pas automatiquement envoyé et aucune de ces actions ne publie la vitrine. Examinez les différences prévues dans les fichiers et évitez de regrouper des modifications sans rapport simplement parce qu’elles se trouvent dans le même espace de travail.
Utilisez l’aperçu responsive comme preuve de l’état actuel du projet, et non comme preuve du fonctionnement de tous les systèmes connectés. Vérifiez les vraies données produit, les liens, la recherche, le comportement du panier, la responsabilité du paiement, les analytics, l’accessibilité et les routes publiques auprès de la source appropriée. Si la modification s’inscrit dans une réorganisation plus large de la navigation, de la hiérarchie des pages et du contenu, la refonte de site e-commerce explique comment ancrer la refonte dans les données de la boutique actuelle plutôt que dans un simple rafraîchissement visuel générique.
Séparez l’enregistrement, la vérification des versions et la publication
Un éditeur de site web par IA est plus sûr lorsque chaque étape importante reste explicite. Dans le Design Mode, les modifications directes peuvent être contrôlées avec Annuler et Rétablir avant l’enregistrement. Après l’enregistrement, l’aperçu standard de la vitrine montre le résultat actuel. L’historique des versions, lorsqu’il est disponible pour le projet, offre un autre moyen d’examiner ou de restaurer des travaux antérieurs sur la vitrine sans considérer chaque proposition enregistrée comme la réponse publique définitive.
La publication est une décision distincte. Avant de publier, comparez le résultat au brief initial et vérifiez que la section sélectionnée fonctionne toujours avec le catalogue, la page environnante, les mises en page des appareils et le parcours client. Vérifiez chaque texte factuel auprès du système qui en est responsable. Une description générée ne prouve pas l’état des stocks, un aperçu ne prouve pas la disponibilité du paiement et l’écriture réussie d’un fichier ne prouve pas que toutes les routes ou intégrations fonctionnent correctement.
Cette limite de vérification constitue la distinction utile de Runner AI pour les équipes e-commerce. L’éditeur travaille dans le projet de vitrine et peut relier un élément sélectionné à son contexte source, mais la personne responsable peut toujours examiner les modifications et décider si le résultat est prêt. La sortie n’est pas seulement une maquette aplatie ou une transformation visuelle inexpliquée. C’est une modification éditable du projet, avec des fichiers visibles et des aperçus qui soutiennent un processus d’approbation délibéré.
FAQ sur l’éditeur de site web par IA
Quelles informations puis-je fournir à Runner AI pour modifier un site web ?
Fournissez à Runner AI le projet de boutique actuel, la page ou l’élément concerné, l’action client que vous souhaitez améliorer, les informations vérifiées du catalogue ou du contenu et les limites à préserver. Vous pouvez ajouter une image de référence approuvée lorsque l’apparence est importante. Dans le Design Mode, la sélection d’un élément permet aussi de joindre cet élément et le contexte de code qui l’entoure à une demande Ask Runner AI ciblée.
Puis-je modifier une vitrine sans changer le code manuellement ?
Le Design Mode fournit des commandes directes pour certaines modifications d’espacement, d’image et de texte ainsi que pour la suppression d’éléments, avec un champ Ask Runner AI pour les demandes concernant l’élément sélectionné. Les modifications plus larges peuvent être demandées dans le chat standard. Un éditeur de code disponible sous certaines conditions reste accessible aux personnes qui doivent examiner un fichier ou y apporter une modification ciblée, mais il n’est pas nécessaire pour chaque ajustement visuel.
L’enregistrement d’une modification la publie-t-il immédiatement ?
Non. L’enregistrement met à jour l’espace de travail du projet et recharge l’aperçu actuel. Le commit, le push et la publication restent des actions distinctes avec leurs propres autorisations et vérifications. Examinez la page concernée sur PC, tablette et téléphone, contrôlez les modifications de fichiers pertinentes et vérifiez le parcours client avant de décider de publier la vitrine.
Quelle est la différence avec un générateur de site web par IA générique ?
Un générateur générique part souvent d’un prompt vierge et met l’accent sur le premier site complet. Le workflow d’édition de Runner AI peut partir du projet e-commerce actuel, d’un élément de vitrine sélectionné, du contexte source qui l’entoure, d’images de référence et d’informations vérifiées sur la boutique. Le résultat vérifiable comprend les fichiers modifiés et les aperçus responsive. Une révision ciblée peut donc être contrôlée sans prétendre que la génération, l’enregistrement et la publication constituent une seule et même action.
Modifiez une vitrine actuelle avec un résultat vérifiable
Apportez votre vitrine actuelle, la page précise ou l’élément sélectionné, les informations vérifiées de votre catalogue et de votre marque, une image de référence facultative et l’action client qui doit rester intacte. Demandez à Runner AI les fichiers source modifiés et des aperçus sur PC, tablette et téléphone afin d’examiner le résultat avant de décider de le publier.
Ouvrir le workflow de l’éditeur de site web par IA dans Runner AI