Skip to content

SuperStyle

Our project is about changing your hairstyle with the nano banana model.

Code Video Cerebral Valley

Core trick

Removes the user's hair, relights a reference style, runs parallel image-edit calls, and has a VLM pick the best output.

Tags

visioncreative/music

Description

Our project is about changing your hairstyle with the nano banana model. We've all had the pain point where we want to try a new hairstyle, but don't want to actually take the risk to get it cut. Now AI can just help you find the perfect hairstyle, without the risk. The entire image processing pipeline is actually quite in-depth. It takes about 60 seconds to generate a hairstyle because we're doing multiple pre-processing steps. First, it's relighting the reference image, and it's also pre-processing your own image by deleting your hair first. And then it's going to run a bunch of nano banana calls in parallel. And we actually have a VLM as a judge to find the best picture out of multiple parallel calls. We also built a data engine to curate the dataset for hairstyles by pulling images from Pinterest, hairstyles.com, where we pulled over 5,000 images and run VLM to do the data filtering and judge to make sure only high-quality images with good aesthetics are kept for the users.
dzhng/nanobanana-hackathon★ 62 forksTypeScriptCreated Sep 6, 2025 · last push Oct 19, 2025

README excerpt

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

Team