hAIr Artist
ProjectsVIBECODINGgenaiwebapp
2025

hAIr Artist

Building an AI-powered web app

Client

Camila Mermoz

Role

No-code Developer

Year

2025

Tools

Antigravity, Stitch, Firebase

Web app with Vibe Coding, MCP, and Cloud

I completed the full cycle: from an idea I began sketching in AI Studio—later migrated to Antigravity—to a functional application deployed in production. Vibe Coding allowed me to focus on intent, but its real power emerged when that intent was connected to precision tools.

Architecture and Key Tools

Bringing an AI application into the real world requires a foundation that can support both data flows and user interaction: Stitch MCP + Skills: A key part of refining the UX/UI. Through this protocol, the agents were able to adjust the interface with stronger visual and functional consistency, optimizing every element for touchscreens. Resend: Integrated to manage account verification. Reliable email delivery is essential to a professional, secure registration flow. Firebase & Google Cloud: Provide stable hosting, authentication, and background-process execution.

Onboarding
Onboarding
Image upload and style selection
Image upload and style selection
Processing animation
Processing animation
Before/after slider
Before/after slider

Challenges and Lessons Learned During the Process

Agent and Skill Orchestration: Coordinating different agents so that each could fulfill a specific role by combining the capabilities exposed through MCP servers. Account Verification: Implementing robust registration flows with specialized services such as Resend to ensure verification emails were delivered reliably. Mobile-First Approach: Prioritizing simplicity and visual hierarchy so the application would feel intuitive in the palm of any user's hand. Final Deployment: Configuring the environment on a public URL so users could interact with the finished product.

Production Readiness

This is an important first milestone. I also recognize that taking an application of this kind to large-scale professional production requires an in-depth review by experienced developers. Senior human judgment is essential to validate the architecture, scalability, and security.

Evolution and Continuous Learning

The pace of technological change is relentless. This experience reminded me that our industry requires continuous learning. Exploring new tools and protocols such as MCP is not simply an advantage; it is essential to staying current in an environment that reinvents itself every week.

Seeing the application running live is the best motivation to keep exploring what comes next. This web app was designed with a mobile-first approach, so I recommend trying it on a mobile device to experience it in its ideal environment. Open the app

ROOTS: From Hallucination to Brand

Up next

Next project

ROOTS: From Hallucination to Brand