Welcome to the Clothing Matchmaker App Jupyter Notebook! This project demonstrates the power of the GPT-4o model in analyzing images of clothing items and extracting key features such as color, style, and type. The core of our app relies on this advanced image analysis model developed by OpenAI, which enables us to accurately identify the characteristics of the input clothing item.
GPT-4o is a model that combines natural language processing with image recognition, allowing it to understand and generate responses based on both text and visual inputs.
Building on the capabilities of the GPT-4o model, we employ a custom matching algorithm and the RAG technique to search our knowledge base for items that complement the identified features. This algorithm takes into account factors like color compatibility and style coherence to provide users with suitable recommendations. Through this notebook, we aim to showcase the practical application of these technologies in creating a clothing recommendation system.
Using the combination of GPT-4o + RAG (Retrieval-Augmented Generation) offers several advantages:
Contextual Understanding: GPT-4o can analyze input images and understand the context, such as the objects, scenes, and activities depicted. This allows for more accurate and relevant suggestions or information across various domains, whether it's interior design, cooking, or education.
Rich Knowledge Base: RAG combines the generative capabilities of GPT-4 with a retrieval component that accesses a large corpus of information across different fields. This means the system can provide suggestions or insights based on a wide range of knowledge, from historical facts to scientific concepts.
Customization: The approach allows for easy customization to cater to specific user needs or preferences in various applications. Whether it's tailoring suggestions to a user's taste in art or providing educational content based on a student's learning level, the system can be adapted to deliver personalized experiences.
Overall, the GPT-4o + RAG approach offers a powerful and flexible solution for various fashion-related applications, leveraging the strengths of both generative and retrieval-based AI techniques.
We will now set up the knowledge base by choosing a database and generating embeddings for it. I am using the sample_styles.csv file for this in the data folder. This is a sample of a bigger dataset that contains ~44K items. This step can also be replaced by using an out-of-the-box vector database. For example, you can follow one of these cookbooks to set up your vector database.
styles_filepath ="data/sample_clothes/sample_styles.csv"styles_df = pd.read_csv(styles_filepath, on_bad_lines='skip')print(styles_df.head())print("Opened dataset successfully. Dataset has {} items of clothing.".format(len(styles_df)))
id gender masterCategory subCategory articleType baseColour season \
0 27152 Men Apparel Topwear Shirts Blue Summer
1 10469 Men Apparel Topwear Tshirts Yellow Fall
2 17169 Men Apparel Topwear Shirts Maroon Fall
3 56702 Men Apparel Topwear Kurtas Blue Summer
4 47062 Women Apparel Bottomwear Patiala Multi Fall
year usage productDisplayName
0 2012.0 Formal Mark Taylor Men Striped Blue Shirt
1 2011.0 Casual Flying Machine Men Yellow Polo Tshirts
2 2011.0 Casual U.S. Polo Assn. Men Checks Maroon Shirt
3 2012.0 Ethnic Fabindia Men Blue Kurta
4 2012.0 Ethnic Shree Women Multi Colored Patiala
Opened dataset successfully. Dataset has 1000 items of clothing.
Now we will generate embeddings for the entire dataset. We can parallelize the execution of these embeddings to ensure that the script scales up for larger datasets. With this logic, the time to create embeddings for the full 44K entry dataset decreases from ~4h to ~2-3min.
## Batch Embedding Logic# Simple function to take in a list of text objects and return them as a list of embeddings@retry(wait=wait_random_exponential(min=1, max=40), stop=stop_after_attempt(10))defget_embeddings(input: List): response = client.embeddings.create(input=input,model=EMBEDDING_MODEL ).datareturn [data.embedding for data in response]# Splits an iterable into batches of size n.defbatchify(iterable, n=1): l =len(iterable)for ndx inrange(0, l, n):yield iterable[ndx : min(ndx + n, l)]# Function for batching and parallel processing the embeddingsdefembed_corpus( corpus: List[str], batch_size=64, num_workers=8, max_context_len=8191,):# Encode the corpus, truncating to max_context_len encoding = tiktoken.get_encoding("cl100k_base") encoded_corpus = [ encoded_article[:max_context_len] for encoded_article in encoding.encode_batch(corpus) ]# Calculate corpus statistics: the number of inputs, the total number of tokens, and the estimated cost to embed num_tokens =sum(len(article) for article in encoded_corpus) cost_to_embed_tokens = num_tokens /1000*EMBEDDING_COST_PER_1K_TOKENSprint(f"num_articles={len(encoded_corpus)}, num_tokens={num_tokens}, est_embedding_cost={cost_to_embed_tokens:.2f} USD" )# Embed the corpuswith concurrent.futures.ThreadPoolExecutor(max_workers=num_workers) as executor: futures = [ executor.submit(get_embeddings, text_batch)for text_batch in batchify(encoded_corpus, batch_size) ]with tqdm(total=len(encoded_corpus)) as pbar:for _ in concurrent.futures.as_completed(futures): pbar.update(batch_size) embeddings = []for future in futures: data = future.result() embeddings.extend(data)return embeddings# Function to generate embeddings for a given column in a DataFramedefgenerate_embeddings(df, column_name):# Initialize an empty list to store embeddings descriptions = df[column_name].astype(str).tolist() embeddings = embed_corpus(descriptions)# Add the embeddings as a new column to the DataFrame df['embeddings'] = embeddingsprint("Embeddings created successfully.")
The next line will create the embeddings for the sample clothes dataset. This will take around 0.02s to process and another ~30s to write the results to a local .csv file. The process is using our text_embedding_3_large model which is priced at $0.00013/1K tokens. Given that the dataset has around 1K entries, the following operation will cost approximately $0.001. If you decide to work with the entire dataset of 44K entries, this operation will take 2-3min to process and it will cost approximately $0.07.
If you would not like to proceed with creating your own embeddings, we will use a dataset of pre-computed embeddings. You can skip this cell and uncomment the code in the following cell to proceed with loading the pre-computed vectors. This operation takes ~1min to load all the data in memory.
generate_embeddings(styles_df, 'productDisplayName')print("Writing embeddings to file ...")styles_df.to_csv('data/sample_clothes/sample_styles_with_embeddings.csv', index=False)print("Embeddings successfully stored in sample_styles_with_embeddings.csv")
Embeddings created successfully.
Writing embeddings to file ...
Embeddings successfully stored in sample_styles_with_embeddings.csv
# styles_df = pd.read_csv('data/sample_clothes/sample_styles_with_embeddings.csv', on_bad_lines='skip')# # Convert the 'embeddings' column from string representations of lists to actual lists of floats# styles_df['embeddings'] = styles_df['embeddings'].apply(lambda x: ast.literal_eval(x))print(styles_df.head())print("Opened dataset successfully. Dataset has {} items of clothing along with their embeddings.".format(len(styles_df)))
id gender masterCategory subCategory articleType baseColour season \
0 27152 Men Apparel Topwear Shirts Blue Summer
1 10469 Men Apparel Topwear Tshirts Yellow Fall
2 17169 Men Apparel Topwear Shirts Maroon Fall
3 56702 Men Apparel Topwear Kurtas Blue Summer
4 47062 Women Apparel Bottomwear Patiala Multi Fall
year usage productDisplayName \
0 2012.0 Formal Mark Taylor Men Striped Blue Shirt
1 2011.0 Casual Flying Machine Men Yellow Polo Tshirts
2 2011.0 Casual U.S. Polo Assn. Men Checks Maroon Shirt
3 2012.0 Ethnic Fabindia Men Blue Kurta
4 2012.0 Ethnic Shree Women Multi Colored Patiala
embeddings
0 [0.006903026718646288, 0.0004031236458104104, ...
1 [-0.04371623694896698, -0.008869604207575321, ...
2 [-0.027989011257886887, 0.05884069576859474, -...
3 [-0.004197604488581419, 0.029409468173980713, ...
4 [-0.05241541564464569, 0.015912825241684914, -...
Opened dataset successfully. Dataset has 1000 items of clothing along with their embeddings.
In this section, we'll develop a cosine similarity retrieval algorithm to find similar items in our dataframe. We'll utilize our custom cosine similarity function for this purpose. While the sklearn library offers a built-in cosine similarity function, recent updates to its SDK have led to compatibility issues, prompting us to implement our own standard cosine similarity calculation.
If you already have a vector database set up, you can skip this step. Most standard databases come with their own search functions, which simplify the subsequent steps outlined in this guide. However, we aim to demonstrate that the matching algorithm can be tailored to meet specific requirements, such as a particular threshold or a specified number of matches returned.
The find_similar_items function accepts four parameters:
embedding: The embedding for which we want to find a match.
embeddings: A list of embeddings to search through for the best matches.
threshold (optional): This parameter specifies the minimum similarity score for a match to be considered valid. A higher threshold results in closer (better) matches, while a lower threshold allows for more items to be returned, though they may not be as closely matched to the initial embedding.
top_k (optional): This parameter determines the number of items to return that exceed the given threshold. These will be the top-scoring matches for the provided embedding.
defcosine_similarity_manual(vec1, vec2):"""Calculate the cosine similarity between two vectors.""" vec1 = np.array(vec1, dtype=float) vec2 = np.array(vec2, dtype=float) dot_product = np.dot(vec1, vec2) norm_vec1 = np.linalg.norm(vec1) norm_vec2 = np.linalg.norm(vec2)return dot_product / (norm_vec1 * norm_vec2)deffind_similar_items(input_embedding, embeddings, threshold=0.5, top_k=2):"""Find the most similar items based on cosine similarity."""# Calculate cosine similarity between the input embedding and all other embeddings similarities = [(index, cosine_similarity_manual(input_embedding, vec)) for index, vec inenumerate(embeddings)]# Filter out any similarities below the threshold filtered_similarities = [(index, sim) for index, sim in similarities if sim >= threshold]# Sort the filtered similarities by similarity score sorted_indices =sorted(filtered_similarities, key=lambda x: x[1], reverse=True)[:top_k]# Return the top-k most similar itemsreturn sorted_indices
deffind_matching_items_with_rag(df_items, item_descs):"""Take the input item descriptions and find the most similar items based on cosine similarity for each description."""# Select the embeddings from the DataFrame. embeddings = df_items['embeddings'].tolist() similar_items = []for desc in item_descs:# Generate the embedding for the input item input_embedding = get_embeddings([desc])# Find the most similar items based on cosine similarity similar_indices = find_similar_items(input_embedding, embeddings, threshold=0.6) similar_items += [df_items.iloc[i] for i in similar_indices]return similar_items
In this module, we leverage gpt-4o to analyze input images and extract important features like detailed descriptions, styles, and types. The analysis is performed through a straightforward API call, where we provide the URL of the image for analysis and request the model to identify relevant features.
To ensure the model returns accurate results, we use specific techniques in our prompt:
Output Format Specification: We instruct the model to return a JSON block with a predefined structure, consisting of:
items (str[]): A list of strings, each representing a concise title for an item of clothing, including style, color, and gender. These titles closely resemble the productDisplayName property in our original database.
category (str): The category that best represents the given item. The model selects from a list of all unique articleTypes present in the original styles dataframe.
gender (str): A label indicating the gender the item is intended for. The model chooses from the options [Men, Women, Boys, Girls, Unisex].
Clear and Concise Instructions:
We provide clear instructions on what the item titles should include and what the output format should be. The output should be in JSON format, but without the json tag that the model response normally contains.
One Shot Example:
To further clarify the expected output, we provide the model with an example input description and a corresponding example output. Although this may increase the number of tokens used (and thus the cost of the call), it helps to guide the model and results in better overall performance.
By following this structured approach, we aim to obtain precise and useful information from the gpt-4o model for further analysis and integration into our database.
defanalyze_image(image_base64, subcategories): response = client.chat.completions.create(model=GPT_MODEL,messages=[ {"role": "user","content": [ {"type": "text","text": """Given an image of an item of clothing, analyze the item and generate a JSON output with the following fields: "items", "category", and "gender". Use your understanding of fashion trends, styles, and gender preferences to provide accurate and relevant suggestions for how to complete the outfit. The items field should be a list of items that would go well with the item in the picture. Each item should represent a title of an item of clothing that contains the style, color, and gender of the item. The category needs to be chosen between the types in this list: {subcategories}. You have to choose between the genders in this list: [Men, Women, Boys, Girls, Unisex] Do not include the description of the item in the picture. Do not include the ```json ``` tag in the output. Example Input: An image representing a black leather jacket. Example Output: {"items": ["Fitted White Women's T-shirt", "White Canvas Sneakers", "Women's Black Skinny Jeans"], "category": "Jackets", "gender": "Women"} """, }, {"type": "image_url","image_url": {"url": f"data:image/jpeg;base64,{image_base64}", }, } ], } ],max_tokens=300, )# Extract relevant features from the response features = response.choices[0].message.contentreturn features
To evaluate the effectiveness of our prompt, let's load and test it with a selection of images from our dataset. We'll use images from the "data/sample_clothes/sample_images" folder, ensuring a variety of styles, genders, and types. Here are the chosen samples:
2133.jpg: Men's shirt
7143.jpg: Women's shirt
4226.jpg: Casual men's printed t-shirt
By testing the prompt with these diverse images, we can assess its ability to accurately analyze and extract relevant features from different types of clothing items and accessories.
We need a utility function to encode the .jpg images in base64
import base64defencode_image_to_base64(image_path):withopen(image_path, 'rb') as image_file: encoded_image = base64.b64encode(image_file.read())return encoded_image.decode('utf-8')
# Set the path to the images and select a test imageimage_path ="data/sample_clothes/sample_images/"test_images = ["2133.jpg", "7143.jpg", "4226.jpg"]# Encode the test image to base64reference_image = image_path + test_images[0]encoded_image = encode_image_to_base64(reference_image)
# Select the unique subcategories from the DataFrameunique_subcategories = styles_df['articleType'].unique()# Analyze the image and return the resultsanalysis = analyze_image(encoded_image, unique_subcategories)image_analysis = json.loads(analysis)# Display the image and the analysis resultsdisplay(Image(filename=reference_image))print(image_analysis)
{'items': ["Slim Fit Blue Men's Jeans", "White Men's Sneakers", "Men's Silver Watch"], 'category': 'Shirts', 'gender': 'Men'}
Next, we process the output from the image analysis and use it to filter and display matching items from our dataset. Here's a breakdown of the code:
Extracting Image Analysis Results: We extract the item descriptions, category, and gender from the image_analysis dictionary.
Filtering the Dataset: We filter the styles_df DataFrame to include only items that match the gender from the image analysis (or are unisex) and exclude items of the same category as the analyzed image.
Finding Matching Items: We use the find_matching_items_with_rag function to find items in the filtered dataset that match the descriptions extracted from the analyzed image.
Displaying Matching Items: We create an HTML string to display images of the matching items. We construct the image paths using the item IDs and append each image to the HTML string. Finally, we use display(HTML(html)) to render the images in the notebook.
This cell effectively demonstrates how to use the results of image analysis to filter a dataset and visually display items that match the analyzed image's characteristics.
# Extract the relevant features from the analysisitem_descs = image_analysis['items']item_category = image_analysis['category']item_gender = image_analysis['gender']# Filter data such that we only look through the items of the same gender (or unisex) and different categoryfiltered_items = styles_df.loc[styles_df['gender'].isin([item_gender, 'Unisex'])]filtered_items = filtered_items[filtered_items['articleType'] != item_category]print(str(len(filtered_items)) +" Remaining Items")# Find the most similar items based on the input item descriptionsmatching_items = find_matching_items_with_rag(filtered_items, item_descs)# Display the matching items (this will display 2 items for each description in the image analysis)html =""paths = []for i, item inenumerate(matching_items): item_id = item['id']# Path to the image file image_path =f'data/sample_clothes/sample_images/{item_id}.jpg' paths.append(image_path) html +=f'<img src="{image_path}" style="display:inline;margin:1px"/>'# Print the matching item description as a reminder of what we are looking forprint(item_descs)# Display the imagedisplay(HTML(html))
513 Remaining Items
["Slim Fit Blue Men's Jeans", "White Men's Sneakers", "Men's Silver Watch"]
In the context of using Large Language Models (LLMs) like GPT-4o, "guardrails" refer to mechanisms or checks put in place to ensure that the model's output remains within desired parameters or boundaries. These guardrails are crucial for maintaining the quality and relevance of the model's responses, especially when dealing with complex or nuanced tasks.
Guardrails are useful for several reasons:
Accuracy: They help ensure that the model's output is accurate and relevant to the input provided.
Consistency: They maintain consistency in the model's responses, especially when dealing with similar or related inputs.
Safety: They prevent the model from generating harmful, offensive, or inappropriate content.
Contextual Relevance: They ensure that the model's output is contextually relevant to the specific task or domain it is being used for.
In our case, we are using GPT-4o to analyze fashion images and suggest items that would complement an original outfit. To implement guardrails, we can refine results: After obtaining initial suggestions from GPT-4o, we can send the original image and the suggested items back to the model. We can then ask GPT-4o to evaluate whether each suggested item would indeed be a good fit for the original outfit.
This gives the model the ability to self-correct and adjust its own output based on feedback or additional information. By implementing these guardrails and enabling self-correction, we can enhance the reliability and usefulness of the model's output in the context of fashion analysis and recommendation.
To facilitate this, we write a prompt that asks the LLM for a simple "yes" or "no" answer to the question of whether the suggested items match the original outfit or not. This binary response helps streamline the refinement process and ensures clear and actionable feedback from the model.
defcheck_match(reference_image_base64, suggested_image_base64): response = client.chat.completions.create(model=GPT_MODEL,messages=[ {"role": "user","content": [ {"type": "text","text": """ You will be given two images of two different items of clothing. Your goal is to decide if the items in the images would work in an outfit together. The first image is the reference item (the item that the user is trying to match with another item). You need to decide if the second item would work well with the reference item. Your response must be a JSON output with the following fields: "answer", "reason". The "answer" field must be either "yes" or "no", depending on whether you think the items would work well together. The "reason" field must be a short explanation of your reasoning for your decision. Do not include the descriptions of the 2 images. Do not include the ```json ``` tag in the output. """, }, {"type": "image_url","image_url": {"url": f"data:image/jpeg;base64,{reference_image_base64}", }, }, {"type": "image_url","image_url": {"url": f"data:image/jpeg;base64,{suggested_image_base64}", }, } ], } ],max_tokens=300, )# Extract relevant features from the response features = response.choices[0].message.contentreturn features
Finally, let's determine which of the items identified above truly complement the outfit.
# Select the unique paths for the generated imagespaths =list(set(paths))for path in paths:# Encode the test image to base64 suggested_image = encode_image_to_base64(path)# Check if the items match match = json.loads(check_match(encoded_image, suggested_image))# Display the image and the analysis resultsif match["answer"] =='yes': display(Image(filename=path))print("The items match!")print(match["reason"])
The items match!
The black shirt and blue jeans create a classic and casual outfit that works well together.
The items match!
The black shirt and the white sneakers with red and beige accents can work well together. Black is a versatile color that pairs well with many shoe options, and the white sneakers can add a sporty and casual touch to the outfit.
The items match!
The black button-up shirt is casual and versatile, making it compatible with the white and red athletic shoes for a relaxed and sporty look.
The items match!
The black shirt pairs well with the light blue jeans, creating a classic and balanced color combination that is casual and stylish.
The items match!
Both the black shirt and the black watch have a sleek and coordinated look, making them suitable to be worn together as part of an outfit.
We can observe that the initial list of potential items has been further refined, resulting in a more curated selection that aligns well with the outfit. Additionally, the model provides explanations for why each item is considered a good match, offering valuable insights into the decision-making process.
In this Jupyter Notebook, we explored the application of GPT-4o and other machine learning techniques to the domain of fashion. We demonstrated how to analyze images of clothing items, extract relevant features, and use this information to find matching items that complement an original outfit. Through the implementation of guardrails and self-correction mechanisms, we refined the model's suggestions to ensure they are accurate and contextually relevant.
This approach has several practical uses in the real world, including:
Personalized Shopping Assistants: Retailers can use this technology to offer personalized outfit recommendations to customers, enhancing the shopping experience and increasing customer satisfaction.
Virtual Wardrobe Applications: Users can upload images of their own clothing items to create a virtual wardrobe and receive suggestions for new items that match their existing pieces.
Fashion Design and Styling: Fashion designers and stylists can use this tool to experiment with different combinations and styles, streamlining the creative process.
However, one of the considerations to keep in mind is cost. The use of LLMs and image analysis models can incur costs, especially if used extensively. It's important to consider the cost-effectiveness of implementing these technologies.
Overall, this notebook serves as a foundation for further exploration and development in the intersection of fashion and AI, opening doors to more personalized and intelligent fashion recommendation systems.
