Crie e publique seu primeiro app no Atoms, do seu primeiro prompt até uma versão ao vivo que você pode compartilhar.

Você não precisa aprender sobre cada agente, modo ou termo técnico antes de começar. O fluxo de trabalho básico é muito mais simples: diga ao Atoms o que você quer, verifique o que ele criou, faça alterações, teste e publique quando estiver pronto.

Este guia usa um site simples de cafeteria como exemplo, mas o mesmo ciclo funciona para uma landing page, dashboard, ferramenta interna ou sua própria ideia de app.

Estas etapas cobrem um projeto web para desktop com login. Projetos mobile usam um fluxo separado de compilação e distribuição mobile.

Antes de publicar, aguarde a compilação atual terminar, certifique-se de que você tem acesso de publicação, confirme que o projeto está inativo e verifique se os recursos necessários do projeto, como créditos ou armazenamento, estão disponíveis. Se Publish não estiver disponível, verifique a versão do projeto, o acesso e as condições de recursos antes de tentar novamente. Projetos que usam dados, segredos, e-mails, IA, pagamentos ou outros serviços conectados também precisam de suas verificações de produção antes de serem compartilhados.

Descreva o que você quer

Comece na caixa de prompt e descreva o resultado que você quer em linguagem normal. Você não precisa escrever especificações técnicas nem dizer ao Atoms como programar isso.

Um primeiro prompt útil geralmente diz o que você está criando, as principais seções ou funcionalidades, a direção visual e qualquer coisa importante no mobile.

Se você já encontrou algo no Mundo de Apps que seja próximo do que você quer, também pode começar fazendo um remix desse projeto em vez de começar do zero.

Verifique o primeiro resultado

O Atoms cria o projeto e gera uma primeira versão. Quando estiver pronta, abra o Visualizador de App e analise o resultado antes de pedir mais alterações.

Primeiro, faça uma revisão rápida. Você ainda não está tentando encontrar cada pequeno problema. Verifique se o Atoms entendeu a ideia principal.

• As principais seções e funcionalidades estão lá?
• O layout geral corresponde ao que você pediu?
• Os botões, links, filtros ou outras interações importantes respondem?
• Há algo obviamente faltando, quebrado ou diferente do que você quis dizer?

Você pode visualizar o app nos modos PC e mobile, então verifique a experiência em mais de um tamanho de tela antes de continuar.

Faça alterações

Trate a primeira versão como um ponto de partida. Diga ao agente o que você quer mudar em linguagem simples e depois verifique o resultado novamente.

Solicitações pequenas e específicas geralmente são mais fáceis de revisar do que mudar tudo de uma vez.

Para alterações visuais, você pode editar elementos diretamente no Visualizador de App ou descrever a alteração para o agente. Se você tiver uma captura de tela, design, arquivo ou outra referência que queira que o Atoms siga, faça o upload e aponte o agente para isso.

Quando algo quebra: Se algo estiver realmente quebrado em vez de apenas diferente da sua preferência, use Fix Bug ou diga ao agente exatamente o que está errado e onde isso acontece.

Se ainda falhar: Pare de repetir a mesma solicitação depois de uma nova tentativa focada. Registre a etapa afetada, o que você esperava, o que aconteceu, o que você já tentou e um link compartilhável do projeto ou uma captura de tela. Se você for um usuário pago com um problema de conta, cobrança ou da plataforma Atoms, abra o Atoms Help Center, escolha Atoms Support em Explore resources e selecione Contact us. Para usuários do Plano Gratuito ou para instruções comuns do produto e solução de problemas, comece pelo Help Center, Ask Assistant ou pela comunidade Atoms.

Teste antes de publicar

Antes de enviar o app para alguém, passe alguns minutos usando-o como um visitante real. Um teste rápido agora é muito mais fácil do que explicar um link quebrado depois de compartilhá-lo.

• Clique em todos os botões e links importantes.
• Teste as partes interativas, como filtros, formulários, menus ou navegação.
• Verifique as visualizações em PC e mobile.
• Procure textos que estejam cortados, sobrepostos, ausentes ou difíceis de ler.
• Certifique-se de que a principal jornada do usuário funcione do início ao fim.

Se o seu app depender de dados armazenados ou ações de backend, teste isso também. O Atoms pode usar o Atoms Cloud ou se conectar ao Supabase para capacidades como armazenamento de dados, segredos, e-mails, chamadas de IA e pagamentos.

Antes de publicar, remova segredos, senhas, tokens, informações pessoais e dados de teste privados de tudo o que os visitantes puderem ver. Confirme se o projeto deve ser Public ou Private e teste o link ao vivo com a conta pretendida. Se o app usar pagamentos reais, e-mails, dados armazenados ou serviços conectados, verifique essas ações de produção separadamente antes de compartilhar.

Publicar

Quando a visualização estiver correta e as principais interações funcionarem, clique em Publish no canto superior direito do editor.

Publicar cria um link ao vivo cujo acesso depende da visibilidade que você escolher. Public pode ser aberto por link e pode aparecer em Discover. Private fica visível apenas para o proprietário e pode ser limitado pelo plano. Selecione a visibilidade pretendida antes de compartilhar e teste o link com a conta pretendida.

A publicação é o momento em que seu projeto se torna algo que outras pessoas podem realmente abrir. Continue desenvolvendo no projeto, mas sempre verifique a versão ao vivo separadamente depois de publicar.

Verifique o app ao vivo

Abra você mesmo o link publicado antes de compartilhar. Confirme que a visibilidade selecionada Public ou Private dá acesso ao público pretendido; use uma janela privada ou a conta pretendida para testá-lo.

• Abra o link em uma nova aba ou janela privada usando a conta ou o contexto de acesso que corresponda ao público pretendido.
• Confirme que a página carrega e mostra a versão que você esperava.
• Repita os cliques ou interações mais importantes.
• Verifique a página em um telefone se visitantes mobile forem importantes para o seu app.

Se você encontrar um problema, volte ao projeto, faça a alteração, teste a visualização novamente e depois atualize a versão ao vivo.

Atualize depois de fazer alterações

Seu app não para de mudar só porque você o publicou uma vez. Continue refinando-o no projeto sempre que precisar.

Após a primeira publicação, o botão Publish se torna Update. Clique em Update quando quiser enviar novas alterações para a versão ao vivo.

Depois de uma atualização, abra o link publicado mais uma vez e verifique-o. Isso oferece um ciclo simples e repetível:

Descrever → Verificar → Alterar → Testar → Publicar → Verificar → Atualizar

Esse é o fluxo de trabalho principal do Atoms. Apps mais complexos podem adicionar dados, autenticação, integrações, domínios personalizados ou vários agentes, mas o ciclo de criação permanece o mesmo.