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
- chromepromptapi
- express.js
- gemini
- nanobanana
- next.js
- vercel
Log in or sign up for Devpost to join the conversation.