Crea e pubblica la tua prima app Atoms, dal tuo primo prompt a una versione live che puoi condividere.

Non è necessario imparare ogni Agente, modalità o termine tecnico prima di iniziare. Il flusso di lavoro di base è molto più semplice: dì ad Atoms cosa vuoi, controlla cosa ha creato, apporta modifiche, testalo e pubblicalo quando è pronto.

Questa guida usa come esempio il sito web di un semplice caffè, ma lo stesso ciclo funziona per una landing page, una dashboard, uno strumento interno o la tua idea di app.

Questi passaggi riguardano un progetto web desktop con accesso effettuato. I progetti mobile usano un flusso separato di build e distribuzione mobile.

Prima di pubblicare, attendi che la build corrente finisca, assicurati di avere l'accesso alla pubblicazione, conferma che il progetto sia inattivo e verifica che le risorse di progetto richieste, come crediti o spazio di archiviazione, siano disponibili. Se Publish non è disponibile, controlla la versione del progetto, l'accesso e le condizioni delle risorse prima di riprovare. I progetti che usano dati, segreti, email, IA, pagamenti o altri servizi connessi necessitano anche dei relativi controlli di produzione prima della condivisione.

Descrivi ciò che vuoi

Inizia nella casella del prompt e descrivi il risultato che desideri in linguaggio naturale. Non è necessario scrivere specifiche tecniche o dire ad Atoms come programmarlo.

Un primo prompt utile di solito indica cosa stai creando, le sezioni o funzionalità principali, la direzione visiva e tutto ciò che conta su mobile.

Se hai già trovato qualcosa in Mondo App che è vicino a ciò che vuoi, puoi anche iniziare facendo il remix di quel progetto invece di partire da zero.

Controlla il primo risultato

Atoms crea il progetto e genera una prima versione. Quando è pronta, apri il Visualizzatore App ed esamina il risultato prima di richiedere altre modifiche.

Fai prima un controllo rapido. Non stai ancora cercando di trovare ogni piccolo problema. Verifica se Atoms ha compreso l'idea principale.

• Le sezioni e le funzionalità principali ci sono?
• Il layout complessivo corrisponde a ciò che hai richiesto?
• I pulsanti, i link, i filtri o le altre interazioni importanti rispondono?
• Manca qualcosa in modo evidente, è rotto o è diverso da ciò che intendevi?

Puoi visualizzare l'anteprima dell'app sia in modalità PC sia mobile, quindi controlla l'esperienza su più di una dimensione dello schermo prima di andare avanti.

Apporta modifiche

Considera la prima versione come un punto di partenza. Di' all'Agente cosa vuoi cambiare in linguaggio semplice, poi controlla di nuovo il risultato.

Le richieste piccole e specifiche di solito sono più facili da rivedere rispetto a cambiare tutto in una volta.

Per le modifiche visive, puoi modificare gli elementi direttamente nel Visualizzatore App oppure descrivere la modifica all'Agente. Se hai uno screenshot, un design, un file o un altro riferimento che vuoi che Atoms segua, caricalo e indirizza l'Agente verso di esso.

Quando qualcosa si rompe: Se qualcosa è effettivamente rotto invece di essere semplicemente diverso dalle tue preferenze, usa Fix Bug oppure indica all'Agente esattamente cosa non va e dove succede.

Se continua a non funzionare: Smetti di ripetere la stessa richiesta dopo un nuovo tentativo mirato. Registra il passaggio interessato, ciò che ti aspettavi, cosa è successo, cosa hai già provato e un link condivisibile del progetto o uno screenshot. Se sei un utente a pagamento con un problema relativo ad account, fatturazione o piattaforma Atoms, apri l'Atoms Help Center, scegli Atoms Support sotto Explore resources e seleziona Contact us. Per gli utenti del Piano Gratuito o per normali istruzioni sul prodotto e risoluzione dei problemi, inizia dal Help Center, da Ask Assistant o dalla community di Atoms.

Testa prima di pubblicare

Prima di inviare l'app a qualcuno, dedica qualche minuto a usarla come un vero visitatore. Un test rapido adesso è molto più semplice che spiegare un link non funzionante dopo averla condivisa.

• Fai clic su ogni pulsante e link importante.
• Prova le parti interattive, come filtri, moduli, menu o navigazione.
• Controlla sia la vista PC sia quella mobile.
• Cerca testo tagliato, sovrapposto, mancante o difficile da leggere.
• Assicurati che il percorso utente principale funzioni dall'inizio alla fine.

Se la tua app dipende da dati archiviati o azioni backend, testa anche quelli. Atoms può usare Atoms Cloud o collegarsi con Connessione Supabase per funzionalità come archiviazione dei dati, segreti, email, chiamate IA e pagamenti.

Prima di pubblicare, rimuovi segreti, password, token, informazioni personali e dati di test privati da tutto ciò che i visitatori possono vedere. Conferma se il progetto deve essere Public o Private e testa il link live con l'account previsto. Se l'app usa pagamenti reali, email, dati archiviati o servizi connessi, verifica separatamente anche queste azioni di produzione prima della condivisione.

Pubblica

Quando l'anteprima appare corretta e le interazioni principali funzionano, fai clic su Publish nell'angolo in alto a destra dell'editor.

La pubblicazione crea un link live il cui accesso dipende dalla visibilità che scegli. Public può essere aperto tramite link e può apparire in Discover. Private è visibile solo al proprietario e può essere limitato dal piano. Seleziona la visibilità prevista prima della condivisione e testa il link con l'account previsto.

La pubblicazione è il momento in cui il tuo progetto diventa qualcosa che altre persone possono effettivamente aprire. Continua a sviluppare nel progetto, ma controlla sempre separatamente la versione live dopo la pubblicazione.

Verifica l'app live

Apri tu stesso il link pubblicato prima di condividerlo. Conferma che la visibilità selezionata Public o Private dia accesso al pubblico previsto; usa una finestra privata o l'account previsto per testarlo.

• Apri il link in una nuova scheda o finestra privata usando l'account o il contesto di accesso che corrisponde al pubblico previsto.
• Conferma che la pagina si carichi e mostri la versione che ti aspettavi.
• Ripeti i clic o le interazioni più importanti.
• Controlla la pagina su un telefono se i visitatori mobile sono importanti per la tua app.

Se trovi un problema, torna al progetto, apporta la modifica, testa di nuovo l'anteprima e poi aggiorna la versione live.

Aggiorna dopo aver apportato modifiche

La tua app non smette di cambiare solo perché l'hai pubblicata una volta. Continua a perfezionarla nel progetto ogni volta che ne hai bisogno.

Dopo la prima pubblicazione, il pulsante Publish diventa Update. Fai clic su Update quando vuoi inviare nuove modifiche alla versione live.

Dopo un aggiornamento, apri ancora una volta il link pubblicato e verificalo. Questo ti offre un ciclo semplice e ripetibile:

Descrivi → Controlla → Modifica → Testa → Pubblica → Verifica → Aggiorna

Questo è il flusso di lavoro fondamentale di Atoms. Le app più complesse possono aggiungere dati, autenticazione, integrazioni, domini personalizzati o più agenti, ma il ciclo di sviluppo rimane lo stesso.