Crea y publica tu primera app de Atoms, desde tu primer prompt hasta una versión en vivo que puedas compartir.

No necesitas aprender cada agente, modo o término técnico antes de empezar. El flujo de trabajo básico es mucho más simple: dile a Atoms lo que quieres, revisa lo que creó, haz cambios, pruébalo y publícalo cuando esté listo.

Esta guía usa como ejemplo un sitio web sencillo de una cafetería, pero el mismo ciclo funciona para una landing page, panel, herramienta interna o tu propia idea de app.

Estos pasos cubren un proyecto web de escritorio con sesión iniciada. Los proyectos móviles usan un flujo separado de compilación y distribución móvil.

Antes de publicar, espera a que termine la compilación actual, asegúrate de tener acceso de publicación, confirma que el proyecto esté inactivo y verifica que los recursos requeridos del proyecto, como créditos o almacenamiento, estén disponibles. Si Publish no está disponible, revisa la versión del proyecto, el acceso y las condiciones de recursos antes de volver a intentarlo. Los proyectos que usan datos, secretos, correos electrónicos, IA, pagos u otros servicios conectados también necesitan sus verificaciones de producción antes de compartirse.

Describe lo que quieres

Empieza en el cuadro de prompt y describe el resultado que quieres en lenguaje normal. No necesitas escribir especificaciones técnicas ni decirle a Atoms cómo programarlo.

Un primer prompt útil normalmente dice qué estás creando, las secciones o funciones principales, la dirección visual y cualquier cosa importante en móvil.

Si ya encontraste algo en Mundo de Apps que se parece a lo que quieres, también puedes empezar haciendo un remix de ese proyecto en lugar de comenzar desde cero.

Revisa el primer resultado

Atoms crea el proyecto y genera una primera versión. Cuando esté lista, abre el Visor de Apps y revisa el resultado antes de pedir más cambios.

Haz primero una revisión rápida. Todavía no estás intentando encontrar cada pequeño problema. Revisa si Atoms entendió la idea principal.

• ¿Están ahí las secciones y funciones principales?
• ¿La disposición general coincide con lo que pediste?
• ¿Responden los botones, enlaces, filtros u otras interacciones importantes?
• ¿Falta algo de forma evidente, está roto o es diferente de lo que querías decir?

Puedes previsualizar la app tanto en modo PC como en modo móvil, así que revisa la experiencia en más de un tamaño de pantalla antes de continuar.

Haz cambios

Trata la primera versión como un punto de partida. Dile al agente qué quieres cambiar en lenguaje sencillo y luego vuelve a revisar el resultado.

Las solicitudes pequeñas y específicas suelen ser más fáciles de revisar que cambiarlo todo de una vez.

Para cambios visuales, puedes editar elementos directamente en el Visor de Apps o describirle el cambio al agente. Si tienes una captura de pantalla, diseño, archivo u otra referencia que quieras que Atoms siga, súbelo y señálaselo al agente.

Cuando algo se rompe: Si algo realmente está roto en lugar de simplemente ser diferente de tu preferencia, usa Fix Bug o dile al agente exactamente qué está mal y dónde ocurre.

Si sigue fallando: Deja de repetir la misma solicitud después de un nuevo intento enfocado. Registra el paso afectado, lo que esperabas, lo que pasó, lo que ya probaste y un enlace compartible del proyecto o una captura de pantalla. Si eres un usuario de pago con un problema de cuenta, facturación o de la plataforma Atoms, abre el Centro de ayuda de Atoms, elige Atoms Support en Explore resources y selecciona Contact us. Para usuarios del Plan Gratuito o para instrucciones generales del producto y solución de problemas, empieza con el Centro de ayuda, Ask Assistant o la comunidad de Atoms.

Prueba antes de publicar

Antes de enviarle la app a alguien, dedica unos minutos a usarla como un visitante real. Una prueba rápida ahora es mucho más fácil que explicar un enlace roto después de compartirla.

• Haz clic en cada botón y enlace importante.
• Prueba las partes interactivas, como filtros, formularios, menús o navegación.
• Revisa tanto la vista de PC como la móvil.
• Busca texto que esté cortado, superpuesto, ausente o sea difícil de leer.
• Asegúrate de que el recorrido principal del usuario funcione de principio a fin.

Si tu app depende de datos almacenados o acciones de backend, pruébalos también. Atoms puede usar Nube de Atoms o conectarse con Supabase para capacidades como almacenamiento de datos, secretos, correos electrónicos, llamadas de IA y pagos.

Antes de publicar, elimina secretos, contraseñas, tokens, información personal y datos de prueba privados de cualquier cosa que los visitantes puedan ver. Confirma si el proyecto debe ser Public o Private, y prueba el enlace en vivo con la cuenta prevista. Si la app usa pagos reales, correos electrónicos, datos almacenados o servicios conectados, verifica esas acciones de producción por separado antes de compartir.

Publicar

Cuando la vista previa se vea bien y las interacciones principales funcionen, haz clic en Publish en la esquina superior derecha del editor.

La publicación crea un enlace en vivo cuyo acceso depende de la visibilidad que elijas. Public puede abrirse mediante enlace y puede aparecer en Discover. Private solo es visible para el propietario y puede estar limitado por el plan. Selecciona la visibilidad prevista antes de compartir y prueba el enlace con la cuenta prevista.

La publicación es el punto en el que tu proyecto se convierte en algo que otras personas realmente pueden abrir. Sigue desarrollando en el proyecto, pero siempre revisa la versión en vivo por separado después de publicar.

Verifica la app en vivo

Abre tú mismo el enlace publicado antes de compartirlo. Confirma que la visibilidad seleccionada Public o Private dé acceso al público previsto; usa una ventana privada o la cuenta prevista para probarlo.

• Abre el enlace en una nueva pestaña o ventana privada usando la cuenta o el contexto de acceso que coincida con el público previsto.
• Confirma que la página cargue y muestre la versión que esperabas.
• Repite los clics o interacciones más importantes.
• Revisa la página en un teléfono si los visitantes móviles son importantes para tu app.

Si encuentras un problema, vuelve al proyecto, haz el cambio, prueba la vista previa otra vez y luego actualiza la versión en vivo.

Actualiza después de hacer cambios

Tu app no deja de cambiar solo porque la hayas publicado una vez. Sigue refinándola en el proyecto siempre que lo necesites.

Después de la primera publicación, el botón Publish se convierte en Update. Haz clic en Update cuando quieras enviar nuevos cambios a la versión en vivo.

Después de una actualización, abre el enlace publicado una vez más y verifícalo. Eso te da un ciclo simple y repetible:

Describir → Revisar → Cambiar → Probar → Publicar → Verificar → Actualizar

Ese es el flujo de trabajo central de Atoms. Las apps más complejas pueden añadir datos, autenticación, integraciones, dominios personalizados o múltiples agentes, pero el ciclo de creación sigue siendo el mismo.