# Building an MCP Clothing Search Server with Azure AI Search and an Image Slideshow

DevFeed: [Building an MCP Clothing Search Server with Azure AI Search and an Image Slideshow](<https://devfeed.tech/articles/can-mcp-choose-my-outfit-21746.md>)

Original publisher: [Read original article](<http://blog.pamelafox.org/2026/03/can-mcp-choose-my-outfit.html>)

Author: Pamela Fox (noreply@blogger.com)

Published: 2026-03-13T05:49:00Z

Content type: tutorial

Language: en

Sources: [Pamela Fox](<https://devfeed.tech/sources/pamela-fox.md>)

Topics: [Model Context Protocol](<https://devfeed.tech/topics/model-context-protocol.md>), [MCP Server](<https://devfeed.tech/topics/mcp-server.md>), [AI search](<https://devfeed.tech/topics/ai-search.md>), [Azure](<https://devfeed.tech/topics/azure.md>), [Embeddings](<https://devfeed.tech/topics/embeddings.md>), [vs-code](<https://devfeed.tech/topics/vs-code.md>)

Tags: [ai-search](<https://devfeed.tech/tags/ai-search.md>), [azure](<https://devfeed.tech/tags/azure.md>), [copilot](<https://devfeed.tech/tags/copilot.md>), [embeddings](<https://devfeed.tech/tags/embeddings.md>), [image](<https://devfeed.tech/tags/image.md>), [images](<https://devfeed.tech/tags/images.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [mcp-server](<https://devfeed.tech/tags/mcp-server.md>), [model-context-protocol](<https://devfeed.tech/tags/model-context-protocol.md>), [python](<https://devfeed.tech/tags/python.md>), [vs](<https://devfeed.tech/tags/vs.md>)

## AI overview

This tutorial explains how to build a closet MCP server that searches clothing from a user query and presents matching items as images. It uses FastMCP, Azure AI Search hybrid retrieval, multimodal embeddings, LLM-generated image descriptions, and an MCP app with a JavaScript-powered slideshow.

## Source excerpt

When I was a kid, one of my first Java applets was a UI for choosing outfits by mixing and matching different articles of clothing. Now, with the advent of agents and MCP, I realized that I could make a modern, more dynamic version: an MCP server that can find relevant clothing based off a user query, and render matching clothing as a slideshow. Let's walk through the experience and code powering it. Searching for relevant clothing After connecting VS Code to my closet MCP server, I ask a query like: i am presenting at PyAI about MCP, do I have MCP themed clothing? show me the best option. GitHub Copilot decides that it can use the closet MCP server to answer that question, and it calls the image_search tool with these arguments: { "query": "MCP Model Context Protocol themed clothing", "max_results": 5 } The tool call returns a mix of binary files - thumbnails for each matching article of clothing, and structured data- a JSON containing filename, display name, and description for each article. { "results": [ { "filename": "IMG_3234.jpg", "display_name": "IMG_3234.jpg", "description": "The image shows a black sleeveless dress hanging on a white hanger against a plain wall. The dress has a printed text on the front that reads: \"YOU DOWN WITH MCP? Yeah, you know me!\" The first line is in large white uppercase letters, and the second line is in smaller pink cursive letters. The dress has a fitted top and a flared skirt." },... Here's what that looks like in the GitHub Copilot chat interface. Notice that Copilot attaches the images, so I can actually click on them to see each result directly in VS Code, as if they were a file in the workspace. Now let's look at the code powering that tool call. I built the server using FastMCP, so I declare my tools by wrapping functions in mcp.tool() decorator and annotating the arguments with types and helpful descriptions. Inside the function, I use Azure AI Search with hybrid retrieval on both the text query and the query's vector,