Bygg och publicera din första Atoms-app, från din första prompt till en liveversion som du kan dela.

Du behöver inte lära dig varje Agent, läge eller teknisk term innan du börjar. Det grundläggande arbetsflödet är mycket enklare: berätta för Atoms vad du vill ha, kontrollera vad det byggde, gör ändringar, testa det och publicera när det är klart.

Den här guiden använder en enkel kaféwebbplats som exempel, men samma loop fungerar för en landningssida, instrumentpanel, internt verktyg eller din egen appidé.

Dessa steg täcker ett inloggat webbprojekt för dator. Mobilprojekt använder ett separat flöde för mobilbyggande och distribution.

Innan du publicerar, vänta tills den aktuella byggprocessen är klar, se till att du har behörighet att publicera, bekräfta att projektet är inaktivt och kontrollera att nödvändiga projektresurser som krediter eller lagring är tillgängliga. Om Publish inte är tillgängligt, kontrollera projektversionen, åtkomsten och resursvillkoren innan du försöker igen. Projekt som använder data, hemligheter, e-post, AI, betalningar eller andra anslutna tjänster behöver också sina produktionskontroller innan de delas.

Beskriv vad du vill ha

Börja i promptrutan och beskriv resultatet du vill ha med vanligt språk. Du behöver inte skriva tekniska specifikationer eller tala om för Atoms hur det ska koda det.

En användbar första prompt brukar ange vad du bygger, de viktigaste sektionerna eller funktionerna, den visuella riktningen och allt som är viktigt på mobil.

Om du redan har hittat något i App World som ligger nära det du vill ha, kan du också börja med att remixa det projektet i stället för att börja från grunden.

Kontrollera det första resultatet

Atoms skapar projektet och bygger en första version. När den är klar öppnar du App Viewer och går igenom resultatet innan du ber om fler ändringar.

Gör först en snabb genomgång. Du försöker inte hitta varje liten detalj ännu. Kontrollera om Atoms förstod huvudidén.

• Finns de viktigaste sektionerna och funktionerna där?
• Matchar den övergripande layouten det du bad om?
• Svarar de viktiga knapparna, länkarna, filtren eller andra interaktionerna?
• Saknas något uppenbart, är något trasigt eller skiljer sig från det du menade?

Du kan förhandsgranska appen i både PC- och mobilläge, så kontrollera upplevelsen på mer än en skärmstorlek innan du går vidare.

Gör ändringar

Behandla den första versionen som en utgångspunkt. Berätta för Agent vad du vill ändra med enkelt språk och kontrollera sedan resultatet igen.

Små, specifika önskemål är vanligtvis lättare att granska än att ändra allt på en gång.

För visuella ändringar kan du redigera element direkt i App Viewer eller beskriva ändringen för Agent. Om du har en skärmbild, design, fil eller annan referens som du vill att Atoms ska följa, ladda upp den och hänvisa Agent till den.

När något går sönder: Om något faktiskt är trasigt i stället för bara annorlunda än du föredrar, använd Fix Bug eller berätta exakt för Agent vad som är fel och var det händer.

Om det fortfarande misslyckas: Sluta upprepa samma begäran efter ett fokuserat nytt försök. Dokumentera det berörda steget, vad du förväntade dig, vad som hände, vad du redan har provat och en delbar projektlänk eller skärmbild. Om du är en betalande användare med ett konto-, fakturerings- eller Atoms-plattformsproblem öppnar du Atoms Help Center, väljer Atoms Support under Explore resources och väljer Contact us. För användare med Free-plan eller vanliga produktinstruktioner och felsökning börjar du med Help Center, Ask Assistant eller Atoms community.

Testa innan du publicerar

Innan du skickar appen till någon, lägg några minuter på att använda den som en riktig besökare. Ett snabbt test nu är mycket enklare än att förklara en trasig länk efter att du har delat den.

• Klicka på varje viktig knapp och länk.
• Prova de interaktiva delarna, som filter, formulär, menyer eller navigering.
• Kontrollera både PC- och mobilvyer.
• Leta efter text som är avklippt, överlappar, saknas eller är svår att läsa.
• Se till att den huvudsakliga användarresan fungerar från början till slut.

Om din app är beroende av lagrad data eller backendåtgärder, testa även dem. Atoms kan använda Atoms moln eller ansluta till Supabase för funktioner som datalagring, hemligheter, e-post, AI-anrop och betalningar.

Innan du publicerar, ta bort hemligheter, lösenord, tokenar, personlig information och privata testdata från allt som besökare kan se. Bekräfta om projektet ska vara Public eller Private, och testa den live länken med det avsedda kontot. Om appen använder riktiga betalningar, e-post, lagrad data eller anslutna tjänster, verifiera dessa produktionsåtgärder separat innan du delar.

Publicera

När förhandsgranskningen ser rätt ut och de viktigaste interaktionerna fungerar klickar du på Publish i redigerarens övre högra hörn.

Publicering skapar en live länk vars åtkomst beror på den synlighet du väljer. Public kan öppnas via länk och kan visas i Discover. Private är endast synlig för ägaren och kan vara begränsad av abonnemanget. Välj den avsedda synligheten innan du delar och testa länken med det avsedda kontot.

Publicering är punkten där ditt projekt blir något som andra faktiskt kan öppna. Fortsätt utveckla i projektet, men kontrollera alltid liveversionen separat efter att du har publicerat.

Verifiera liveappen

Öppna den publicerade länken själv innan du delar den. Bekräfta att den valda synligheten Public eller Private ger den avsedda målgruppen åtkomst; använd ett privat fönster eller det avsedda kontot för att testa det.

• Öppna länken i en ny flik eller ett privat fönster med det konto eller den åtkomstkontext som matchar den avsedda målgruppen.
• Bekräfta att sidan laddas och visar den version du förväntade dig.
• Upprepa de viktigaste klicken eller interaktionerna.
• Kontrollera sidan på en telefon om mobilbesökare är viktiga för din app.

Om du hittar ett problem går du tillbaka till projektet, gör ändringen, testar förhandsgranskningen igen och uppdaterar sedan liveversionen.

Uppdatera efter att du har gjort ändringar

Din app slutar inte att förändras bara för att du publicerade den en gång. Fortsätt att förfina den i projektet när du behöver.

Efter den första publiceringen blir knappen Publish till Update. Klicka på Update när du vill skicka nya ändringar till liveversionen.

Efter en uppdatering öppnar du den publicerade länken en gång till och verifierar den. Det ger dig en enkel upprepningsbar loop:

Beskriv → Kontrollera → Ändra → Testa → Publicera → Verifiera → Uppdatera

Det är Atoms grundläggande arbetsflöde. Mer komplexa appar kan lägga till data, autentisering, integrationer, anpassade domäner eller flera agenter, men byggloopen förblir densamma.