Chatea con Atoms para crear tus apps

Inicia tareas, añade cambios por capas y retoma justo donde lo dejaste después de una interrupción. Esta página también cubre cada acción disponible en un mensaje y qué hacer cuando aparece un Reporte de problemas.

Crea con tu equipo de agentes en el chat

El panel de chat es donde tú y tus agentes hacen el trabajo. Di lo que quieres en lenguaje cotidiano y el equipo se encarga del resto. Mike, tu líder de equipo, lee la solicitud, la convierte en un brief concreto y se la pasa al especialista adecuado, como Alex, el ingeniero. Todo el traspaso ocurre frente a ti, así que siempre sabes quién está haciendo qué.

El chat no es solo para solicitudes de creación. Pregunta por qué algo funciona como funciona, qué significa un término o qué acaba de cambiar el equipo, y obtendrás una respuesta directamente en la conversación.

Inicia una tarea

Escribe en el cuadro de Prompt en la parte inferior del chat y presiona Enter. Concéntrate en el resultado que quieres en lugar de cómo implementarlo:

Créame una landing page para promocionar mi equipo médico.

Una vez que lo envías, el trabajo se vuelve visible de inmediato. Mike publica una tarjeta de actividad etiquetada como “Processed N steps”. Expándela para leer la narración de la actividad paso a paso

Luego Mike escribe un brief detallado: secciones, restricciones y reglas de calidad, y después lo delega al especialista con una mención @. Verás el brief completo, junto con el especialista aceptando el traspaso:

Mike asigna la creación de la landing page a Alex en el chat del proyecto.

Sigue el trabajo mientras sucede

Cada respuesta del agente incluye una tarjeta de actividad. Expándela para ver la narración de la actividad de cada paso, además de tarjetas de herramientas para acciones concretas como leer un archivo, escribir código, ejecutar un comando de Terminal, generar imágenes o revisar la página renderizada.

Alex trabajando en una creación: cada paso se narra, y tarjetas de herramientas como “Read file” y “Generate Images” muestran exactamente lo que ocurrió.

Cuando una tarea termina, la respuesta final resume qué cambió y cómo se validó. Una tarjeta de Versión, por ejemplo, “Versión 1: Launch publishing hero”, fija la creación entregada, para que cada hito de tu proyecto tenga un nombre al que puedas volver.

El resumen de creación completada de Mike con la tarjeta Versión 1.

Añade cambios sobre la marcha

Iterar no requiere empezar de nuevo. Envía tu siguiente idea como un simple mensaje de seguimiento: describe solo la diferencia, y el equipo la aplica sobre lo que ya existe:

Necesito que el tema sea verde.

Puedes enviar un seguimiento incluso mientras los agentes siguen ocupados. No interrumpirá nada: el mensaje espera en una cola y se ejecuta en cuanto termina la tarea actual. Mientras un mensaje está en la cola, sigues teniendo el control sobre él:

• Edítalo, si quieres afinar la redacción antes de que se ejecute.
• Elimínalo, si cambias de opinión.
• Reordena la cola, si una solicitud posterior debe ejecutarse primero.

La Versión 1 acaba de entregarse, y un cambio de seguimiento ya está en camino.

El seguimiento pasa por el mismo ciclo que cualquier tarea: Mike lo convierte en un brief acotado, el especialista lo aplica y lo valida, y el resultado llega como la siguiente versión:

Seguimiento entregado: la Versión 2 aplica el tema verde mientras mantiene todo lo demás intacto.

Interrumpe una tarea y continúa

¿Te diste cuenta de que olvidaste algo importante a mitad de la creación? No tienes que esperar a que termine ni desechar el trabajo.

1. Detén la generación mientras el agente está trabajando. Todo lo completado hasta ese momento se conserva.
2. Escribe lo que faltaba: el detalle, la restricción o la corrección que olvidaste.
3. Envía de nuevo. Mike incorpora la nueva información en un brief actualizado, y el equipo continúa desde el estado actual en lugar de reconstruir desde cero.

Detener a Alex a mitad de la creación para añadir un requisito olvidado: “El equipo está relacionado principalmente con el corazón”.

Después de volver a enviarlo, Mike emite un brief actualizado que refleja el nuevo detalle, y el trabajo se reanuda.

Qué puedes hacer con cada mensaje

Los mensajes en el chat no son solo texto. Una fila de acciones debajo de cada uno te permite reaccionar sin escribir una sola palabra.

En los mensajes del agente

• Revertir (flecha hacia atrás): devuelve el proyecto al estado anterior a los cambios de ese mensaje. Confirma primero la versión de destino y revisa qué puede eliminarse antes de usarlo.
• Copiar: toma el texto del mensaje, útil para guardar una explicación o un resumen.
• Útil / No útil: califica un resultado entregado con un pulgar arriba o abajo para decirle al equipo cómo resultó.
• Más opciones (…): abre acciones adicionales, incluyendo Feedback (la línea directa con el equipo de soporte cuando algo sale mal).
• Tarjeta de actividad: expande o contrae “Processed N steps” para inspeccionar los detalles del progreso y las herramientas detrás de la respuesta.
• Tarjeta de Versión: la creación con nombre adjunta a una tarea completada.
• Etiqueta de identidad: cada mensaje muestra quién está hablando, Mike | Líder de equipo, Alex | Ingeniero, para que el trabajo con varios agentes siga siendo fácil de seguir.

En tus propios mensajes

• Aparecen en el lado derecho del chat, manteniendo tus solicitudes visualmente separadas de las respuestas del equipo.
• Puedes enviar uno en cualquier momento: se ejecuta de inmediato si el equipo está inactivo, o se une a la cola si hay una tarea en curso.

Reporte de problemas: inspecciona y recupérate de los problemas

Pueden ocurrir problemas durante la creación. El Reporte de problemas te ayuda a inspeccionar el fallo y elegir una ruta de recuperación. Cuando los agentes encuentran un problema, aparece una notificación de Reporte de problemas en la esquina inferior izquierda de la pantalla.

Qué te ofrece la notificación

• Una breve descripción de lo que salió mal.
• Un botón Resolve que permite que la IA intente analizar el problema reportado y aplicar una corrección.
• Un control para expandir que abre los detalles completos del Reporte de problemas en el panel derecho: registros de errores, stack traces e información del sistema, para que puedas entender el fallo antes de actuar.

Puedes seleccionar Resolve para intentar una corrección, o leer primero los detalles del Reporte de problemas y luego decidir.

La tarjeta de Reporte de problemas: el botón azul Resolve en el centro y el control de expansión a la derecha.

Escenario 1: la página está bloqueada y no hay botón Resolve

Si la página se congela o deja de responder y no aparece ningún Reporte de problemas, repórtalo manualmente:

1. Abre el chat con tu agente.
2. Haz clic en “…” (más opciones) en su mensaje más reciente.
3. Elige Feedback e incluye tu Chat Link más una captura de pantalla del problema.

Esto va directamente al equipo de soporte, que hará seguimiento contigo directamente.

Escenario 2: puedes ver el botón Resolve

Paso 1 — Haz clic en Resolve

Selecciona Resolve una vez. El agente de IA intenta analizar los errores reportados y aplicar una corrección. Espera a que termine el intento y luego revisa el resultado antes de continuar.

Haz clic una vez y luego espera. Hacer clic en Resolve repetidamente antes de que termine un intento genera tareas de corrección duplicadas y ralentiza todo.

Paso 2 — Revisa el resultado

Cuando la corrección termina, la vista previa se actualiza por sí sola. Si parece no haber cambiado, actualiza primero tu Navegador: la caché obsoleta suele ser la causa habitual.

Paso 3 — Si el problema persiste

Abre los registros de errores en el panel derecho para ver los detalles técnicos. Si la corrección va más allá de lo que quieres manejar por tu cuenta, pásalo a soporte:

1. Abre el chat con tu agente y haz clic en “…” → Feedback en el mensaje más reciente.
2. Adjunta tu Chat Link y una captura de pantalla del error.
3. El equipo de soporte investigará y trabajará contigo hasta que se resuelva.

Referencia completa: Reporte de problemas — Centro de ayuda de Atoms.

Preguntas frecuentes

Términos usados en estas preguntas frecuentes: Preview es la vista dentro del editor del estado actual del proyecto. La última versión es la creación guardada más reciente; la última versión funcional es la creación más reciente que confirmaste que era utilizable. El sitio publicado o sitio en vivo es lo que ven los visitantes después del despliegue. Para obtener un Chat Link, abre el chat correspondiente y copia su enlace desde el menú de compartir o de más opciones del chat antes de contactar con Soporte.

¿Puedo enviar nuevas solicitudes mientras el equipo sigue trabajando?

Sí. Los mensajes nuevos se ponen en cola y se ejecutan en orden una vez que termina la tarea actual. Hasta que se ejecute un mensaje en cola, puedes editarlo, eliminarlo o moverlo antes o después en la cola.

Detuve una tarea a mitad de camino, ¿se perdió el trabajo?

No. Todo lo que se completó antes de que la detuvieras se conserva. Añade el detalle que faltaba, vuelve a enviar y el equipo continuará desde el estado actual.

¿Cómo deshago lo que cambió un mensaje?

Usa la acción de flecha hacia atrás debajo de ese mensaje del agente para volver al estado anterior al cambio. Confirma la versión de destino, revisa lo que se eliminará y luego vuelve a enviar tu solicitud con instrucciones más claras.

Hice clic en Resolve pero el error sigue ahí. ¿Y ahora qué?

Primero revisa los registros de errores en el panel derecho. Si sigues bloqueado, usa “…” → Feedback en el mensaje más reciente del agente e incluye tu Chat Link y una captura de pantalla; soporte se encargará a partir de ahí.

¿Qué pasa si cierro mi Navegador a mitad de una tarea?

La tarea puede continuar en la nube mientras tu Navegador está cerrado. Cuando regreses, revisa el estado de la tarea y el resultado más reciente; si necesitas detener el trabajo en segundo plano, vuelve a abrir el proyecto y selecciona Stop cuando esté disponible.

¿Qué debo hacer cuando el agente de IA deja de responder?

Usa esta ruta de recuperación basada en síntomas; evita enviar el mismo Prompt repetidamente:

1. Si hay un Reporte de problemas visible, expande los detalles del Reporte de problemas y revisa el error antes de seleccionar Resolve una vez.
2. Si la tarea sigue en ejecución, selecciona Stop una vez y espera a que el estado se estabilice.
3. Si la página está congelada, actualízala o abre el proyecto en una pestaña nueva, y luego revisa el estado de la tarea.
4. Si la salida se repite o es incorrecta, revisa Preview y la última versión. Conserva un resultado utilizable o usa Remix desde la última versión funcional.
5. Si aparece un error del modelo o varios proyectos se ven afectados, registra los detalles visibles y revisa la página de estado de Atoms.

Si el problema continúa, contacta con Soporte con el Chat Link, el último Prompt, el estado visible, una captura de pantalla, la hora y la zona horaria, y el alcance del impacto. Elimina contraseñas, tokens y otros secretos.

¿Por qué el agente se queda en un bucle o se repite?

1. Usa la ruta de recuperación compartida anterior: detén una ejecución activa, revisa Preview y la última versión, y luego usa Remix si el resultado no es utilizable.

Si el bucle vuelve después de esa ruta, contacta con Soporte con el Chat Link, la acción repetida, el último Prompt, la hora y la zona horaria, y una captura de pantalla. No incluyas contraseñas, tokens ni valores secretos.

¿Por qué el agente no sigue mis instrucciones?

Cuando el Agente ignora o malinterpreta tus instrucciones, prueba estos cuatro pasos:

1. Refina tu Prompt — Sé claro y específico. Usa criterios concretos (por ejemplo, "Cambia el color de fondo del botón principal a #0055FF y céntralo en las vistas móviles" en lugar de "Mejora el botón").

2. Usa el Modo Diseño — Cambia al Modo Diseño y haz clic directamente en el componente de UI que quieres modificar. Esto garantiza que el Agente aplique cambios solo a ese elemento específico.

3. Divide las tareas complejas — Pide un cambio a la vez, verifica el resultado y luego pasa al siguiente requisito.

4. Proporciona capturas de pantalla de lo esperado frente a lo real — Captura una imagen del resultado real y comparte una imagen de referencia del resultado esperado. Las comparaciones visuales le dan al Agente claridad inmediata.

El agente dice que terminó, pero en realidad no cambió nada. ¿Qué pasó?

1. Abre la última versión y compara la página o el archivo cambiado con el resultado solicitado.
2. Si Preview es correcto pero el sitio publicado es antiguo, abre Publish y selecciona Update. Espera hasta que el despliegue esté actualizado y luego haz una recarga forzada del sitio en vivo.
3. Si solo tu Navegador parece desactualizado, usa una recarga forzada o una ventana de incógnito.
4. Si no existe ningún cambio relevante, vuelve a intentarlo con la página exacta, el elemento, el resultado esperado, las áreas protegidas y los criterios de aceptación.

Si el agente informa repetidamente de éxito sin un cambio correspondiente, contacta con Soporte con el Chat Link, la página objetivo, el resultado esperado y el real, el número de versión y capturas de pantalla.

¿Por qué el agente olvida lo que le dije antes en la conversación?

Los hilos largos o con propósitos mezclados pueden hacer que los requisitos anteriores tengan menos influencia. En un punto de control natural, usa Remix desde la última versión funcional y comienza el nuevo hilo con un breve traspaso:

• Objetivo y estado actual
• Trabajo completado
• Requisitos que deben seguir siendo ciertos
• Archivos, páginas o capturas de pantalla que importan
• La siguiente tarea única y sus criterios de aceptación

Verifica el primer resultado en el nuevo hilo antes de continuar. Mantén el trabajo no relacionado en hilos separados para que el agente no tenga que reconciliar instrucciones en competencia.

¿Cuáles son las capacidades y limitaciones actuales del agente de IA?

El agente puede ayudar a crear y revisar la UI de aplicaciones, implementar comportamientos acotados, trabajar con servicios conectados e investigar errores usando el contexto del proyecto que proporciones. Funciona mejor cuando el objetivo, las restricciones y el resultado esperado son explícitos.

El agente no puede garantizar que se infiera un requisito no expresado, que cada cambio generado sea correcto o que un servicio externo de producción esté en buen estado. También puede perder contexto importante en un hilo largo o de propósito mixto.

Para obtener resultados fiables, da una tarea verificable a la vez, protege todo lo que no deba cambiar, revisa Preview y la última versión, prueba los flujos importantes y confirma los cambios de seguridad, facturación y datos de producción antes de publicar.

El agente no responde y creo que el modelo está sobrecargado. ¿Qué debo hacer?

Que un agente no responda no demuestra por sí solo que el modelo esté sobrecargado. Usa la ruta de recuperación compartida anterior; si varios proyectos o modelos se ven afectados, revisa la página de estado de Atoms. De lo contrario, revisa el resultado y vuelve a intentar una solicitud más pequeña o usa Remix desde la última versión funcional.

Si el problema continúa, contacta con Soporte con el Chat Link, el modelo, el resumen del último Prompt, la hora y la zona horaria, una captura de pantalla y el alcance del impacto. Elimina datos confidenciales del Prompt y secretos.

Mi tarea parece atascada y la página está congelada. ¿Cómo me recupero?

Usa la ruta de recuperación compartida anterior para una página congelada: actualiza o abre el proyecto en una pestaña nueva, revisa el estado de la tarea y selecciona Stop si la ejecución sigue activa. Si sigue congelada, contacta con Soporte con el Chat Link completo, el correo electrónico de la cuenta, una captura de pantalla, la hora en que ocurrió y el último mensaje exitoso.

Si la página sigue congelada, proporciona el Chat Link completo, el correo electrónico de la cuenta, una captura de pantalla, la hora en que ocurrió y el último mensaje exitoso.

Estoy viendo un error del modelo. ¿Qué significa?

1. Registra el texto o código exacto del error, el modelo seleccionado, la tarea, el proyecto y la hora. Luego vuelve a intentarlo una vez o usa Remix desde la última versión funcional; no envíes repetidamente la misma solicitud.

Si el error continúa, contacta con Soporte con el código exacto, el Chat Link, el modelo, los pasos para reproducirlo y una captura de pantalla saneada. Elimina contraseñas, tokens, datos privados y contenido confidencial del Prompt.