AuraGen AI

Your AI muse for UI design! Converts 'vibes' to instant colors, fonts, visuals. Voice chat via ElevenLabs. Built on Boltz.new, deploys with Netlify. Monetized by RevenueCat. Unleash creative genius!

Comment

Inspiration

As a developer, I've personally experienced the significant time and effort it takes to create a cohesive design system for every new project. The initial design phase, often followed by the detailed coding of UI components, can consume a large portion of development time, pulling focus away from core backend logic and functionality. This often leads to "design block" and delays. I realized that many others might face similar hurdles, and that became the driving force behind AuraGen AI: to provide a powerful tool that helps designers and developers overcome these initial design challenges and streamline the transition from concept to code, allowing them to concentrate on building robust backend systems.

What it Does

AuraGen AI is an AI-powered design system generator designed to simplify and accelerate your design workflow. Its primary purpose is to help you break through design block by instantly generating comprehensive design systems that can then be easily implemented into your code.

How I Built It

AuraGen AI leverages a modern and robust technology stack:

  • Bolt.new: For rapid development and frontend scaffolding.
  • Supabase: As the backend database and authentication service.
  • Google Gemini (Flash & Pro models): Powering the core AI generation capabilities.
  • ElevenLabs: For high-quality voice AI explanations within the generated systems.
  • Stripe & RevenueCat: For seamless subscription management and payment processing.
  • Netlify: For reliable frontend deployment.
  • Tailwind CSS: For efficient and responsive UI styling.

Challenges I Ran Into

Bringing AuraGen AI to life in just one week presented a steep learning curve, and it's certainly a work in progress! My biggest challenge was the intricate process of connecting all these disparate services and ensuring seamless integration. This was my first time fully implementing and integrating several of these technologies (Supabase, RevenueCat, Stripe, Gemini, Netlify, and ElevenLabs) into a single, complete project. Previously, I often got stuck on integration complexities, leaving many projects incomplete with frustrating errors and confusing API keys. Bolt.new proved invaluable in guiding the frontend development, helping refine logic, and even suggesting functions for features I was unfamiliar with or had overlooked.

Accomplishments I'm Proud Of

Despite the tight timeline and the numerous new technologies, I'm incredibly proud of almost successfully completing a project with so many interconnected integrations. Making everything communicate correctly—from setting up environment variables to ensuring RevenueCat accurately checks user plans and triggers webhooks—was a significant achievement for me. It was a complex endeavor, but I'm truly happy to have achieved this first official complete project, with considerable assistance from Bolt.new.

What I Learned

This project was an immense learning experience. I gained hands-on knowledge about:

  • The entire flow of connecting Stripe with RevenueCat for subscription management.
  • Understanding the crucial role of webhooks for secure and real-time backend updates, a concept I hadn't fully utilized before.
  • The comprehensive process of setting up and utilizing Supabase for both database management and Edge Functions.
  • Practical application of the Gemini and ElevenLabs APIs.

What's Next for AuraGen AI

AuraGen AI currently provides the foundational elements for web and app design systems, but our vision extends far beyond. Moving forward, my primary goal is to empower all creators, regardless of their familiarity with complex design tools or coding languages, to generate comprehensive design systems with unprecedented speed and ease.

I aim to significantly enhance its capabilities by:

  • Elevating Design Accuracy and Sophistication: Continuously refining the AI models to produce even higher-quality, more nuanced, and production-ready design outputs. This includes improving the intelligent interpretation of user intent from prompts.
  • Accelerating Creation and Simplifying Workflows: Developing intuitive interfaces and advanced prompting mechanisms that abstract away the complexities of traditional design and development tools. The aim is to allow users to simply provide a prompt and instantly receive a complete, functional design system, dramatically speeding up their workflow and eliminating the need to master numerous disparate applications. This will help those who need to create design systems quicker or are using unfamiliar tools.
  • Expanding System Creation Domains: Broadening beyond traditional web and mobile applications to include holistic design systems that encompass various strategic viewpoints and planning stages. This could extend to areas like business process design, architectural planning, or even complex system diagrams, ensuring adaptability across diverse platforms and use cases.
  • Enhancing Viewpoints and Coverage: Developing a system that generates more comprehensive and versatile design solutions, ensuring adaptability across diverse platforms and use cases, ultimately leading to faster and more effective development cycles for everyone.

Built With

  • bolt.new
  • elevenlabs
  • gemini
  • netlify
  • revenuecat
  • stripe
  • supabase
  • tailwindcss
Share this project:

Updates