-
-
Logo
-
Main Page
-
Conversation Feature
-
Breath With MAi
Inspiration
The idea for MAI was born from our own experiences with academic and professional burnout. In today's fast-paced world, the pressure to be constantly productive is immense, often leaving personal well-being as an afterthought. We noticed that while many productivity tools help you do more, very few help you feel better. We wanted to create a digital sanctuary—a tool that doesn't just manage your tasks, but actively cares for your mental and emotional state.
This led to the concept of "MAI." In Hindi and many other Indian languages, "Mai" means mother. This single word became our guiding principle. We were inspired by the idea of a mother's gentle, unconditional care—the small nudges to eat on time, drink water, and take a much-needed break. Our goal was to embed this nurturing spirit into an AI, creating a companion that helps you stay productive while fiercely prioritizing your health. The app's visual theme, a soft and magical sunrise, represents the hope and new beginning that each day offers, reinforcing this core message of gentle guidance.
What it does
MAI is a personal wellness companion designed as a Chrome Extension to transform your browser into a calm, focused, and supportive space. It seamlessly blends productivity with mindfulness through a suite of AI-powered features designed to feel less like a tool and more like a friend:
Effortless Task Management: MAI helps you untangle overwhelming projects into small, manageable steps. For students and writers, its AI can instantly proofread and summarize notes or articles, removing friction and reducing the anxiety of starting a big task.
A Voice-First Wellness Coach: At its heart is an interactive, voice-controlled AI guide. You can talk to MAI for gentle advice, wellness tips (like the 20-20-20 eye-care rule), or simply a moment of encouragement. MAI responds with a calming, natural female voice, personalizing the conversation by using your name and offering support in a way that feels genuine and present.
Immersive Mindfulness Tools: When you need a break, MAI offers a full-screen, guided breathing exercise with a beautiful, animated flower to help you center yourself. It also includes a Pomodoro-style Focus Timer to help you structure your work sessions in a healthy, balanced way.
A Tranquil Digital Environment: Every element is designed for calm. From the curated playlist of relaxing music and daily inspirational quotes to the elegant, legible UI and the magical sunrise background, MAI brings a sense of peace to your digital workspace.
How we built it
MAI was built as a modern web application using a stack chosen for its power, flexibility, and suitability for the Google Chrome Built-in AI Challenge:
Frontend: We used React to create a dynamic and responsive user interface. This allowed us to elegantly manage different application states and modes, ensuring smooth transitions between the main dashboard, the full-screen mindfulness session, and the conversational AI.
Styling: Tailwind CSS was our tool of choice for its utility-first approach, enabling us to rapidly build a beautiful, bespoke design. The design process was iterative, inspired by the calming aesthetic of Studio Ghibli and the soft palette of a sunrise, which we translated into a cohesive theme with custom CSS animations and gradients.
Core AI Logic: The Gemini API is the powerful engine behind MAI's intelligence. We leverage it for all generative tasks, including breaking down habits, proofreading and summarizing text, and, most importantly, powering the warm, motherly personality of our conversational AI through carefully crafted prompts.
Voice Interaction: The conversational experience is brought to life using the browser's built-in Web Speech API. It handles both speech-to-text (recognizing the user's voice with remarkable accuracy) and text-to-speech (giving MAI her distinct, calming voice).
Persistence: As a Chrome Extension, all user data—including their name, tasks, and assignments—is stored securely and locally using the chrome.storage API, ensuring privacy and fast performance.
Challenges we ran into
Our journey had its share of creative and technical hurdles. Initially, we planned to use Chrome's built-in AI APIs but quickly realized they weren't universally available, which would have limited our app's reach. This led to a crucial pivot. We researched alternatives and chose the Gemini API not just for its stability, but for its advanced natural language capabilities, which were essential for creating MAI's warm, empathetic persona.
Perfecting the user experience was another challenge that required deep focus. We went through several iterations of the logo, fonts, and background to achieve a look that was both aesthetically beautiful and highly legible. The most detailed process was fine-tuning the voice interaction—selecting the right voice, refining the AI's prompt to sound genuinely caring without being repetitive, and creating the breathing animation for the logo that provides intuitive feedback. These details were critical to bringing the concept of "MAI" to life.
Accomplishments that we're proud of
Beyond just building a functional app, we're proud to have created an experience. The moment we first heard MAI respond with a user's name in a gentle, caring voice, we knew we had captured the essence of our vision. The concept of "MAI" is more than just a name; it’s an experience that guided every single design decision.
The voice-first conversational AI is our major accomplishment. It transforms the app from a simple tool into a genuine companion, making wellness support feel immediate and accessible. We're also incredibly proud of the final UI, which perfectly captures the magical, serene feeling of our initial thumbnail inspiration. This creates a cohesive and beautiful journey for the user, from the icon right through to the deepest features of the app.
What we learned
This project was a deep dive into the human side of AI. We learned that the true power of these models isn't just in generating text, but in their potential to create personality and foster connection. The iterative process of prompting and refining MAI's persona taught us how to guide an AI to be more than just a tool, but a supportive presence that users can genuinely connect with.
Technically, we learned the importance of flexibility. Pivoting from one core technology to another while maintaining our central vision was a valuable lesson in agile development. Finally, this journey reinforced how critical the small UI/UX details—the choice of a font, the subtle glow of an icon, the timing of an animation—are in making technology feel intuitive, delightful, and fundamentally human.
What's next for MAI: Your Personal Wellness Companion
I believe MAI has incredible potential to grow into an even more indispensable companion. Our roadmap is focused on making her more intelligent and supportive:
Memory and Deeper Personalization: We want to give MAI the ability to remember key details from past conversations, allowing her to offer more contextual, personalized, and proactive advice over time.
Expanded Wellness Modules: We plan to introduce more guided exercises beyond breathing, such as gratitude journaling, body scan meditations, and positive affirmation sessions, all delivered through her calming voice.
Proactive Mood Tracking: Integrating a simple, non-intrusive mood tracker would allow MAI to proactively check in and offer support when a user might need it most, making her care even more timely.
A Full Mobile Experience: Creating a dedicated mobile version of MAI would allow users to carry their wellness companion with them, offering a moment of calm and guidance wherever they go, untethered from the browser.
Log in or sign up for Devpost to join the conversation.