Avvio rapido

Non hai bisogno di 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 un semplice sito web per una caffetteria, 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 per 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 controlli di produzione prima della condivisione.

Descrivi ciò che vuoi

Inizia nella casella del prompt e descrivi il risultato che vuoi in linguaggio naturale. Non hai bisogno di 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 chiedere altre modifiche.

Fai prima un controllo rapido. Non stai ancora cercando di trovare ogni piccolo problema. Controlla se Atoms ha capito 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 revisionare 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 far seguire ad Atoms, caricalo e indirizza l'agente verso di esso.

Quando qualcosa si rompe: Se qualcosa è davvero 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, cosa 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 Atoms Help Center, scegli Atoms Support sotto Explore resources e seleziona Contact us. Per gli utenti del Piano Gratuito o per istruzioni e risoluzione dei problemi ordinari del prodotto, inizia con l'Help Center, Ask Assistant o la community di Atoms.

Testa prima di pubblicare

Prima di inviare l'app a qualcuno, dedica qualche minuto a usarla come farebbe un visitatore reale. Un test rapido ora è molto più semplice che spiegare un link rotto 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à desiderata 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 davvero aprire. Continua a sviluppare nel progetto, ma controlla sempre separatamente la versione live dopo aver pubblicato.

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 resta lo stesso.