Inspiration

We were inspired by the daily struggle many people face when deciding what to wear. Choosing outfits that truly fit one’s body type, style, and preferences can be time-consuming and frustrating. We wanted to make that experience easier and smarter with the help of AI — and that’s how Stailin was born.

What it does

Stailin is an AI-powered virtual stylist that helps users discover outfits perfectly matched to their body type, preferences, and personal style. It provides personalized outfit recommendations along with photorealistic virtual try-ons, letting users see how clothes would actually look on them.

How we built it

We built Stailin using Next.js for the frontend and Express.js for the backend. It integrates two main APIs:

Chrome’s Prompt API – to generate outfit recommendations and explain why each outfit suits the user. Gemini Banana API – to render realistic virtual try-on images by applying selected outfits to the user’s uploaded photo.

Users simply upload a full-body photo and input basic details such as height, weight, age, gender, and skin tone. The system analyzes the data, generates outfit ideas, and produces realistic try-on results. It also suggests related product keywords for quick search on Tokopedia, one of Indonesia’s largest e-commerce platforms.

Challenges we ran into

Integrating AI-generated prompts with image rendering was challenging. We had to ensure consistency between the recommended outfits and the generated visual output, while keeping the process fast and seamless for users. Balancing model response time and image accuracy also required several iterations.

Accomplishments that we're proud of

We successfully built an AI stylist that not only recommends outfits but also visualizes them realistically. The smooth combination of Chrome’s Prompt API and Gemini Banana created a truly interactive and engaging experience for users.

What we learned

We learned how to combine prompt-based AI with visual generation tools to create personalized experiences. We also gained valuable insights into user interaction flow, API integration, and handling real-world photo data efficiently.

What's next for Stailin

We plan to add real-time outfit mixing, support for more body types, and partnerships with fashion brands. Future versions of Stailin will allow users to virtually try multiple items at once and even purchase outfits directly through integrated links.

Built With

Share this project:

Updates