hAIr Artist
PROYECTOSVIBECODINGgenaiwebapp
2025

hAIr Artist

Desarrollo de una web app potenciada con IA

Cliente

Camila Mermoz

Rol

No-code Developer

Año

2025

Herramientas

Antigravity, Stitch, Firebase

Web app con Vibe Coding, MCP y Cloud

He completado el ciclo completo: desde una idea que comencé a bocetar en AiStudio, (luego migrada a Antigravity) hasta una aplicación funcional desplegada en producción. El Vibe Coding me ha permitido centrarme en la intención, pero la verdadera potencia surge cuando esa intención se conecta con herramientas de precisión.

Arquitectura y Herramientas Clave

Llevar una aplicación de IA al mundo real requiere una base que soporte el flujo de datos y la interacción: MCP de Stitch + Skills: Una pieza fundamental para el refinamiento de la UX/UI. Gracias a este protocolo, los agentes pudieron ajustar la interfaz con una coherencia visual y funcional superior, optimizando cada elemento para pantallas táctiles. Resend: Integrado para gestionar el servicio de validación de cuentas. La fiabilidad en el envío de correos es crítica para que el flujo de registro sea profesional y seguro. Firebase & Google Cloud: El soporte para el alojamiento, la autenticación y la ejecución de procesos en segundo plano de manera estable.

Onboarding
Onboarding
Carga de imagen y selección de estilos
Carga de imagen y selección de estilos
Animación de procesamiento
Animación de procesamiento
Slider antes/después
Slider antes/después

Desafíos y Aprendizajes en el Proceso

Orquestación de Agentes y Skills: Coordinar diferentes agentes para que cada uno cumpla su función específica integrando las capacidades de los servidores MCP. Validación de Cuentas: Implementar flujos de registro robustos utilizando servicios especializados como Resend para garantizar la entrega de verificaciones. Filosofía Mobile First: El desafío de priorizar la simplicidad y la jerarquía visual para que la aplicación sea intuitiva en el bolsillo de cualquier usuario. El despliegue final: Configurar el entorno en una URL pública para que el usuario pueda interactuar con el producto final.

Conciencia de Producción

Soy plenamente consciente de que este es un primer gran paso. Entiendo que, para que una aplicación de este tipo alcance un nivel profesional de producción a gran escala, es indispensable la revisión profunda de desarrolladores expertos. El criterio humano senior es el que garantiza que la arquitectura, la escalabilidad y la seguridad sean infalibles.

Evolución y Preparación Constante

Los cambios tecnológicos actuales son vertiginosos. Esta experiencia me ha recordado que nuestra industria exige una preparación constante. Aprender nuevas herramientas y protocolos como MCP no es solo una ventaja, es una necesidad para mantenerse actualizado en un entorno que se redefine cada semana.

Ver la aplicación funcionando en vivo es la mejor motivación para seguir explorando lo que viene. Esta es una Web App concebida bajo el enfoque Mobile First, por lo que te recomiendo probarla desde tu dispositivo móvil para disfrutar de la experiencia en su entorno ideal. Abrir app

mauromarchisio.com

Lo Siguiente

Siguiente Proyecto

mauromarchisio.com