AI Virtual Try-On Stylist chrome extension

Process Description

Inspiration

"AI Virtual Try-On Stylist" is a Chrome extension designed to enhance the online shopping experience. It allows users to browse any webpage and select a desired clothing image. Using uploaded photos, the extension uses a powerful AI model (Gemini 2.5 Flash Image Preview) to instantly generate virtual try-on images. Additionally, the extension offers features like clothing search, price comparison, and social sharing, creating a one-stop intelligent shopping assistant.

What it does

When browsing online, you can virtually try out clothing or accessories to see how they will look on you.

How we built it

Use Gemini-2.5-Pro for vibe coding and fast coding. Use typescript to build chrome extension, mainly using the gemini-2.5-flash-image-preview API.

Challenges we ran into

I originally wanted to extract clothing items, then search for brands and prices to create a budget. If I could directly use Chrome Lens or Gemini to search directly on images, that would be much easier. To implement this functionality, I'd need to create a new Chrome tab to retrieve the results. This feature isn't currently available.

Accomplishments that we're proud of

Ability to quickly realize an idea into a program product.

What we learned

I think the best way to do vibe coding is to first let Gemini create and evaluate the development documentation. Then split the development functions and let Gemini add each function at a time, rather than developing directly according to the development documentation. This way, problems that arise during development can be handled quickly.

What's next for AI Virtual Try-On Stylist chrome extension

After breaking down the clothing, you can go to shopping websites to find brand specifications and prices based on each part, so you can generate a budget and plan your next purchase.