Use this prompt in Google AI Studio, Claude, or ChatGPT to create a working prototype of the AI Outfit Finder concept.

The Prompt

You are building a prototype web app called "SnapMyLook" - an AI-powered outfit identification and shopping tool.

Create a single-page web application with the following features:

Core Functionality:

1. A clean, modern landing page with the tagline "Wear'd you get that?" and a brief description of the app
2. An image upload area where users can drag and drop or click to upload a photo of an outfit
3. When an image is uploaded, simulate the AI analysis by displaying a "scanning outfit..." animation
4. After the scan, break the outfit into 3-5 individual items (e.g., jacket, shirt, pants, shoes, accessories)
5. For each identified item, display:
   • The item name and category
   • A color swatch showing the detected color
   • A confidence percentage
   • 3 shopping results with: product name, retailer, price, and a "Shop Now" button
   • A "Budget Dupe" option showing a cheaper alternative

UI/UX Requirements:

• Mobile-first responsive design
• Use a modern color palette: deep navy (#1a1a2e), coral accent (#e94560), and clean white
• Smooth animations for the scanning process (CSS keyframes)
• Card-based layout for identified items
• Each item card should expand on click to show full shopping results
• Include a "Style Profile" section at the bottom that tracks: total items scanned, average budget, top categories, and style tags
• Add a floating "Snap Again" button

Tech Stack:

• Pure HTML, CSS, and JavaScript (no frameworks needed)