Créez et publiez votre première app Atoms, de votre premier prompt à une version en ligne que vous pouvez partager.

Vous n’avez pas besoin d’apprendre chaque agent, mode ou terme technique avant de commencer. Le flux de travail de base est bien plus simple : dites à Atoms ce que vous voulez, vérifiez ce qu’il a créé, apportez des modifications, testez-le, puis publiez quand il est prêt.

Ce guide utilise comme exemple un site web simple de café, mais la même boucle fonctionne pour une page d’accueil, un tableau de bord, un outil interne ou votre propre idée d’app.

Ces étapes couvrent un projet web desktop avec connexion. Les projets mobiles utilisent un flux distinct de build et de distribution mobile.

Avant de publier, attendez que le build en cours se termine, assurez-vous d’avoir l’accès à la publication, confirmez que le projet est inactif et vérifiez que les ressources requises du projet, comme les crédits ou le stockage, sont disponibles. Si Publish n’est pas disponible, vérifiez la version du projet, l’accès et les conditions de ressources avant de réessayer. Les projets qui utilisent des données, des secrets, des e-mails, l’IA, des paiements ou d’autres services connectés nécessitent également leurs vérifications de production avant d’être partagés.

Décrivez ce que vous voulez

Commencez dans la zone de prompt et décrivez le résultat souhaité en langage naturel. Vous n’avez pas besoin d’écrire des spécifications techniques ni d’expliquer à Atoms comment le coder.

Un premier prompt utile indique généralement ce que vous créez, les sections ou fonctionnalités principales, la direction visuelle et tout ce qui compte sur mobile.

Si vous avez déjà trouvé quelque chose dans App World qui se rapproche de ce que vous voulez, vous pouvez aussi commencer par remixer ce projet au lieu de partir de zéro.

Vérifiez le premier résultat

Atoms crée le projet et construit une première version. Lorsqu’elle est prête, ouvrez la Visionneuse d'App et parcourez le résultat avant de demander d’autres modifications.

Faites d’abord une vérification rapide. Vous n’essayez pas encore de trouver chaque petit problème. Vérifiez si Atoms a compris l’idée principale.

• Les sections et fonctionnalités principales sont-elles présentes ?
• La mise en page générale correspond-elle à ce que vous avez demandé ?
• Les boutons, liens, filtres ou autres interactions importants répondent-ils ?
• Manque-t-il quelque chose de manière évidente, quelque chose est-il cassé ou différent de ce que vous vouliez dire ?

Vous pouvez prévisualiser l’app en modes PC et mobile, alors vérifiez l’expérience sur plus d’une taille d’écran avant de continuer.

Apportez des modifications

Considérez la première version comme un point de départ. Dites à l’agent ce que vous voulez modifier en langage clair, puis vérifiez à nouveau le résultat.

Les demandes petites et précises sont généralement plus faciles à examiner que de tout changer d’un coup.

Pour les changements visuels, vous pouvez modifier les éléments directement dans la Visionneuse d'App ou décrire le changement à l’agent. Si vous avez une capture d’écran, un design, un fichier ou une autre référence que vous voulez qu’Atoms suive, téléversez-le et indiquez-le à l’agent.

Quand quelque chose casse : Si quelque chose est réellement cassé plutôt que simplement différent de votre préférence, utilisez Fix Bug ou dites exactement à l’agent ce qui ne va pas et où cela se produit.

Si cela échoue encore : Arrêtez de répéter la même demande après une nouvelle tentative ciblée. Notez l’étape concernée, ce que vous attendiez, ce qui s’est passé, ce que vous avez déjà essayé, ainsi qu’un lien de projet partageable ou une capture d’écran. Si vous êtes un utilisateur payant avec un problème de compte, de facturation ou de plateforme Atoms, ouvrez le Centre d’aide Atoms, choisissez Atoms Support sous Explore resources, puis sélectionnez Contact us. Pour les utilisateurs du forfait gratuit ou pour les instructions produit ordinaires et le dépannage, commencez par le Centre d’aide, Ask Assistant ou la communauté Atoms.

Testez avant de publier

Avant d’envoyer l’app à qui que ce soit, passez quelques minutes à l’utiliser comme un vrai visiteur. Un test rapide maintenant est bien plus simple que d’expliquer un lien cassé après l’avoir partagée.

• Cliquez sur chaque bouton et lien importants.
• Essayez les parties interactives, comme les filtres, formulaires, menus ou la navigation.
• Vérifiez les vues PC et mobile.
• Repérez le texte coupé, qui se chevauche, manquant ou difficile à lire.
• Assurez-vous que le parcours utilisateur principal fonctionne du début à la fin.

Si votre app dépend de données stockées ou d’actions backend, testez-les aussi. Atoms peut utiliser Cloud Atoms ou se connecter avec Connexion Supabase pour des capacités comme le stockage de données, les secrets, les e-mails, les appels IA et les paiements.

Avant de publier, supprimez les secrets, mots de passe, jetons, informations personnelles et données de test privées de tout ce que les visiteurs peuvent voir. Confirmez si le projet doit être Public ou Private, et testez le lien en ligne avec le compte prévu. Si l’app utilise de vrais paiements, e-mails, données stockées ou services connectés, vérifiez séparément ces actions de production avant de la partager.

Publier

Lorsque l’aperçu semble correct et que les interactions principales fonctionnent, cliquez sur Publish dans le coin supérieur droit de l’éditeur.

La publication crée un lien en ligne dont l’accès dépend de la visibilité que vous choisissez. Public peut être ouvert via un lien et peut apparaître dans Discover. Private n’est visible que par le propriétaire et peut être limité selon le forfait. Sélectionnez la visibilité prévue avant de partager, puis testez le lien avec le compte prévu.

La publication est le moment où votre projet devient quelque chose que d’autres personnes peuvent réellement ouvrir. Continuez à développer dans le projet, mais vérifiez toujours séparément la version en ligne après la publication.

Vérifiez l’app en ligne

Ouvrez vous-même le lien publié avant de le partager. Confirmez que la visibilité Public ou Private sélectionnée donne accès au public visé ; utilisez une fenêtre privée ou le compte prévu pour le tester.

• Ouvrez le lien dans un nouvel onglet ou une fenêtre privée en utilisant le compte ou le contexte d’accès correspondant au public visé.
• Confirmez que la page se charge et affiche la version attendue.
• Répétez les clics ou interactions les plus importants.
• Vérifiez la page sur un téléphone si les visiteurs mobiles comptent pour votre app.

Si vous trouvez un problème, revenez au projet, apportez la modification, testez à nouveau l’aperçu, puis mettez à jour la version en ligne.

Mettez à jour après avoir apporté des modifications

Votre app ne cesse pas d’évoluer simplement parce que vous l’avez publiée une fois. Continuez à l’affiner dans le projet chaque fois que nécessaire.

Après la première publication, le bouton Publish devient Update. Cliquez sur Update lorsque vous souhaitez envoyer de nouvelles modifications vers la version en ligne.

Après une mise à jour, ouvrez encore une fois le lien publié et vérifiez-le. Cela vous donne une boucle simple et répétable :

Décrire → Vérifier → Modifier → Tester → Publier → Vérifier → Mettre à jour

C’est le flux de travail principal d’Atoms. Les apps plus complexes peuvent ajouter des données, l’authentification, des intégrations, des domaines personnalisés ou plusieurs agents, mais la boucle de création reste la même.