HappySeeds

¿Qué puede hacer el espacio de trabajo?

El espacio de trabajo es donde HappySeeds convierte la conversación en un proyecto de trabajo. Reúne chat de IA, vista previa, activos, código, análisis, servicios en la nube, configuración de aplicaciones, autenticación y configuración de pagos en un solo lugar.

como funciona

El lado izquierdo es donde hablas con la IA. El lado derecho es donde inspeccionas el proyecto.

Cuando solicita un cambio, AI actualiza el proyecto. Luego, utiliza las herramientas del espacio de trabajo para verificar el resultado, inspeccionar los archivos generados, revisar el código, configurar servicios y preparar la aplicación para su publicación.

Un buen ritmo es:

  1. Describe un cambio en el chat.
  2. Revise el resultado en Vista previa.
  3. Utilice ventanas gráficas de PC, tableta o dispositivo móvil para comprobar el diseño.
  4. Abra Recursos o Código solo cuando necesite inspeccionar archivos o detalles de implementación.
  5. Configure la aplicación, la nube, la autenticación o el pago cuando el proyecto esté listo para esas configuraciones.
  6. Publique el proyecto y pruebe la URL activa.

Capacidades clave

  • Vista previa: revise la aplicación actual visualmente mientras la itera. Utilice ventanas gráficas de PC, tableta y dispositivos móviles para comprobar el comportamiento de respuesta.
  • Edición basada en indicaciones: solicite cambios en lenguaje natural y luego refine el resultado en pequeñas pasadas.
  • Activos: inspecciona archivos, imágenes y otros recursos del proyecto cargados o generados.
  • Código: revise la implementación generada cuando necesite comprender qué cambió o diagnosticar un problema técnico.
  • Análisis: verifique las señales de tráfico y uso después de que el proyecto se haya implementado y los análisis estén disponibles.
  • Nube: administre servicios backend como bases de datos, dominios personalizados, secretos y registros.
  • Configuración de la aplicación: actualice el ícono del proyecto, el título, los metadatos de SEO y la imagen de vista previa antes de compartirlo.
  • Auth: configura proveedores de inicio de sesión como Google o Brevo cuando tu aplicación necesite cuentas de usuario.
  • Pago: conecte el pago, las suscripciones, los webhooks o los portales de clientes cuando su aplicación necesite flujos pagos.

Que usar primero

Comience con Avance y charle para cambios visuales o de copia. Abra otras herramientas sólo cuando la tarea las necesite:

  • use Avance para revisar pantallas, rutas y comportamiento responsivo
  • use Activos cuando el problema involucra archivos, imágenes o recursos cargados
  • use Código cuando necesite detalles de implementación
  • use Analítica después de la implementación para verificar las visitas y la actividad de la página
  • use Nube cuando la aplicación necesite datos, dominios, secretos o registros
  • use Aplicación antes de publicar o compartir
  • use autenticación y Pago cuando el proyecto dependa de cuentas o credenciales externas

Para qué sirve cada característica

Vista previa es para comprobar lo que verán los usuarios. Úselo antes de pedirle a AI otro cambio visual y antes de publicar.

Activos es para archivos de proyecto. Úselo cuando falte una imagen, sea necesario cargar un archivo o desee confirmar qué recursos existen en el proyecto.

Código es para inspección técnica. Úselo cuando necesite comprender los archivos generados, investigar por qué una característica se comporta de cierta manera o compartir detalles con un desarrollador.

Análisis es para datos de uso en vivo. Es más útil después de que se publica un proyecto y los usuarios reales han visitado el sitio.

Cloud es para servicios de producción. Úselo cuando la aplicación necesite una base de datos, un dominio personalizado, variables de entorno, un proveedor de autenticación, un proveedor de pagos o registros.

Límites y control del usuario

El espacio de trabajo puede ayudar a crear y conectar muchas partes de una aplicación, pero no reemplaza su control sobre los servicios externos.

Aún controlas:

  • cuentas de terceros
  • Claves y secretos de API
  • registros DNS de dominio
  • configuración del proveedor de pagos
  • lo que se publica públicamente

La IA puede guiar la configuración y conectar la aplicación, pero debes revisar las configuraciones sensibles antes del lanzamiento.

Las URL de vista previa son temporales y caducan después de 30 minutos. Si necesitas compartir algo estable, publica el proyecto y envía la URL publicada.

El análisis también depende de un proyecto publicado y del tráfico real. Un proyecto nuevo o no publicado puede no mostrar datos.

Preguntas frecuentes relacionadas comunes

  • ¿Qué pestaña debo abrir cuando la vista previa se ve mal?
  • ¿Por qué la página pública se ve diferente a la Vista previa?
  • ¿Necesito la nube para cada proyecto?
  • ¿Dónde debería colocar las claves API?
  • ¿Debo probar la autenticación y el pago desde la vista previa o desde la URL publicada?

Guías relacionadas