Qu'est-ce que l'App Viewer ?
Une fois que les Agents ont terminé leur tâche, le bloc App Viewer apparaît en haut de la page. Cet outil vous permet de prévisualiser l'application en direct et de modifier les éléments visuels directement.
Remarques :
L'interaction avec les Agents peut prendre un moment. Veuillez patienter pendant le chargement de l'aperçu.
Pour suivre la progression détaillée, consultez le Terminal.
Vous pouvez cliquer sur l'icône Actualiser (Refresh) à tout moment pour recharger l'aperçu.
Comment l'utiliser ?
Vous avez deux façons de modifier votre application :
Méthode 1 : "Select to edit" (Sélectionner pour modifier)
Utilisez cette méthode pour ajuster manuellement les propriétés visuelles.
Cliquez sur le bouton Select to edit en bas.
Cliquez sur n'importe quel élément visuel à modifier. Un éditeur apparaîtra sur la gauche.
Cliquez sur "Reset Styling" pour débloquer l'élément.
Ajustez manuellement le style de l'élément choisi.
Méthode 2 : "Select to chat" (Sélectionner pour discuter)
Utilisez cette méthode pour demander à l'IA de redessiner des éléments ou de modifier le code spécifique.
Cliquez sur le bouton Select to Chat en bas.
Une fois l'élément sélectionné, deux options s'offrent à vous :
À gauche ("Add" ou "Exchange") : Pour remplacer une image par une image par défaut, une image générée par IA ou l'un de vos fichiers. N'oubliez pas de cliquer sur ✅ une fois le remplacement terminé !
À droite ("Select this element to chat") : Cela insère une "référence de code" dans la boîte de discussion. Vous pouvez alors donner des instructions spécifiques à l'Agent concernant cet élément précis.
Fonctionnalités supplémentaires
Mobile / PC : Basculez entre les icônes en bas de la visionneuse pour vérifier l'affichage de votre application sur différents appareils.
Console : Consultez la console pour voir les erreurs. Si des erreurs apparaissent, cliquez simplement sur "Resolve" pour que les Agents corrigent automatiquement les bugs.
FAQ
Pourquoi l'App Viewer affiche-t-il un écran de chargement ?
Cela signifie simplement que le site est en cours de génération. Patientez un instant.
Pourquoi des messages d'erreur rouges apparaissent-ils ?
Des problèmes peuvent survenir lors de la construction. Cliquez sur "Resolve" et les Agents répareront l'erreur pour vous. Ne vous inquiétez pas, c'est un processus normal de débogage.
Pourquoi ne puis-je pas retirer le badge Atoms de ma page publiée ?
Le retrait du badge nécessite une mise à niveau vers les forfaits Pro20 ou supérieur.